【发布时间】：2014-11-11 18:21:46
【问题描述】：
这是我使用 angularjs 的演示，用于创建服务文件并将服务添加到控制器。
我的演示有两个问题：
- 一个是当我将
<script src="HomeController.js">放在<script src="MyService.js">之前时，我得到了这个错误，
错误：[ng:areq] 参数 'HomeController' 不是函数，未定义
- 另一种是当我将
<script src="MyService.js">放在<script src="HomeController.js">之前时出现以下错误，
错误：[$injector:unpr] 未知提供者：MyServiceProvider
我的来源：
文件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);
【问题讨论】：
-
确认你的*.controller.js 是否添加到BundleConfig.cs 文件中。这解决了我的问题。
标签： javascript angularjs angularjs-service