সার্ভিস ফাইল তৈরি করতে এবং একটি নিয়ামককে পরিষেবা যুক্ত করার জন্য এটি Angularjs ব্যবহার করে আমার ডেমো।
আমার ডেমো নিয়ে আমার দুটি সমস্যা আছে:
- একটি যখন আমি এই ত্রুটিটি পাওয়ার
<script src="HomeController.js">
আগে<script src="MyService.js">
রাখি,
ত্রুটি: [এনজি: আরকিউ] তর্ক 'হোমকন্ট্রোলার' কোনও ফাংশন নয়, অপরিশোধিত হয়েছে
- অন্যটি যখন আমি নিম্নলিখিত ত্রুটিটি পাওয়ার
<script src="MyService.js">
আগে<script src="HomeController.js">
রাখি,
ত্রুটি: [ject ইনজেক্টর: আনআরপি] অজানা সরবরাহকারী: মাই সার্ভিসপ্রোভাইডার <- মাই সার্ভিস
আমার উত্স:
ফাইল Index.html
:
<!DOCTYPE html>
<html >
<head lang="en">…</head>
<body ng-app="myApp">
…
<div ng-controller="HomeController">
<div ng-repeat="item in hello">{{item.id + item.name}}</div>
</div>
<script src="Scripts/angular.js"></script>
<script src="Scripts/angular-route.js"></script>
<!-- App libs -->
<script src="app/app.js"></script>
<script src="app/services/MyService.js"></script>
<script src="app/controllers/HomeController.js"></script>
</body>
</html>
ফাইল HomeController.js
:
(function(angular){
'use strict';
var myApp = angular.module('myApp',[]);
myApp.controller('HomeController',function($scope,MyService){
$scope.hello=[];
$scope.hello = MyService.getHello();
});
})(window.angular);
ফাইল MyService.js
:
(function(angular){
'use strict';
var myApp = angular.module('myApp',[]);
myApp.service('MyService', function () {
var hello =[ {id:1,name:'cuong'},
{id:2,name:'nguyen'}];
this.getHello = function(){
return hello;
};
});
})(window.angular);