Angularjs: Fehler: [ng: areq] Argument 'HomeController' ist keine Funktion, undefiniert
Dies ist meine Demo, in der anglejs zum Erstellen einer Servicedatei und Hinzufügen von Services zu einem Controller verwendet wird.
Ich habe zwei Probleme mit meiner Demo:
One ist, wenn ich @ setz<script src="HomeController.js">
Vor<script src="MyService.js">
Ich erhalte diesen Fehler,Error: [ng: areq] Argument 'HomeController' ist keine Funktion, undefiniert
Die andere ist, wenn ich @ setz<script src="MyService.js">
Vor<script src="HomeController.js">
Ich erhalte den folgenden Fehler:Error: [$ injector: unpr] Unbekannter Anbieter: MyServiceProvider <- MyService
Meine Quelle:
DateiIndex.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>
DateiHomeController.js
:
(function(angular){
'use strict';
var myApp = angular.module('myApp',[]);
myApp.controller('HomeController',function($scope,MyService){
$scope.hello=[];
$scope.hello = MyService.getHello();
});
})(window.angular);
DateiMyService.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);