爲什麼我的控制器拋出一個錯誤

Question

下面我有一個控制器和服務的簡單形式。爲什麼會出現拋出一個錯誤，當我提到['angucomplete-alt']

的Html

<div ng-controller="Hell"> 
    <input type="button" ng-click="Hello()" value="Save" /> 
</div> 

MyApp.Js

var aap = angular.module('MyApp', ['angularUtils.directives.dirPagination','angucomplete-alt']) 
aap.controller('myhmectrl', function ($scope) { 
    $scope.msg = "Hello Angular...."; 

}) 

Conroller.Js

(function() { 

    angular.module('MyApp', ['angucomplete-alt']) 
      .controller('Hell', function ($scope, Myservices) { 

    $scope.Hello = function() { 
     alert('ok ctrls'); 
     var xx = Myservices.GetSer(); 
    } 
}); 
}) 

個

Service.Js

(function() { 
    angular.module('MyApp', ['angucomplete-alt']) 

    .service('Myservices', function ($http) { 

     this.GetSer = function() { 
      alert('pk Servicess....') 
     } 
    }) 
}) 

Answer 1

在控制器如果傳遞的依賴關係，將創建一個新的模塊，然後重新實例，刪除依賴

這shoule是

angular.module('MyApp').controller('Hell', function ($scope, Myservices) { 
} 

Answer 2

也許你沒有包含angucomplete-alt的js文件？

Answer 3

當您訪問您的模塊時，您需要刪除依賴項數組。修改您的文件作爲初級講座：

Controller.js

(function() { 

    angular.module('MyApp') 
      .controller('Hell', function ($scope, Myservices) { 

    $scope.Hello = function() { 
     alert('ok ctrls'); 
     var xx = Myservices.GetSer(); 
    } 
}); 
}) 

Service.js

(function() { 
    angular.module('MyApp') 

    .service('Myservices', function ($http) { 

     this.GetSer = function() { 
      alert('pk Servicess....') 
     } 
    }) 
})