Warum mein Controller einen Fehler

Question

werfen Ich habe unten ein einfaches Formular mit einem Controller und Service. Warum gibt es ein Fehler ausgelöst, wenn ich schon erwähnt, ['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

In Controller, wenn Sie die Abhängigkeiten sind vorbei wird es ein neues Modul erstellen und wieder instanziiert, Entfernen Sie die Abhängigkeit

shoule Es

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

Answer 2

sein Vielleicht Sie haben keine js-Datei für angucomplete-alt hinzugefügt?

Answer 3

Sie müssen das Abhängigkeits-Array entfernen, wenn Sie auf Ihr Modul zugreifen. Ändern Sie bitte Ihre Dateien als belows:

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....') 
     } 
    }) 
})