सेवा फ़ाइल बनाने, और सेवा को एक नियंत्रक में जोड़ने के लिए यह कोणीय का उपयोग करते हुए मेरा डेमो है।
मुझे अपने डेमो में दो समस्याएं हैं:
- एक है जब मैं इस त्रुटि को पाने
<script src="HomeController.js">से पहले<script src="MyService.js">,
त्रुटि: [ng: areq] तर्क 'होमकंट्रोलर' एक फ़ंक्शन नहीं है, अपरिभाषित हो गया
- अन्य है जब मैं डाल
<script src="MyService.js">से पहले<script src="HomeController.js">मैं निम्नलिखित त्रुटि मिलती है,
त्रुटि: [$ इंजेक्टर: अनप्र] अज्ञात प्रदाता: MyServiceProvider <- MyService
मेरा स्रोत:
फ़ाइल 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);
1
पुष्टि करें कि क्या आपने अपना * .controller.js बंडल बंडल में जोड़ा है। फ़ाइल में। यह मेरा ठीक करता है।
—
सैयद मोहम्मद