이것은 angularjs를 사용하여 서비스 파일을 만들고 컨트롤러에 서비스를 추가하는 데모입니다.
내 데모에 두 가지 문제가 있습니다.
- 하나는 이 오류가 발생
<script src="HomeController.js">하기 전에 넣을 때입니다<script src="MyService.js">.
오류 : [ng : areq] 인수 'HomeController'는 함수가 아니므로 정의되지 않았습니다.
- 다른 하나는 다음 오류가 발생
<script src="MyService.js">하기 전에 넣을 때입니다<script src="HomeController.js">.
오류 : [$ injector : unpr] 알 수없는 공급자 : 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를 추가했는지 여부를 BundleConfig.cs 파일에 추가했는지 확인하십시오. 이것은 내 것을 고칩니다.
—
Syed Mohamed