angular js Definition Modul mehrere Male nicht funktioniert

Question

Ich versuche, angular.module mehrmals zu definieren, ist einer für Controller und man ist für Service usw. TestService ist eine Fabrik, die in test.js definiert ist, und ich möchte es verwenden in der aktuellen HTML-Seite.

HTML

<script src="test.js"></script> 

<script> 
var app = angular.module("myapp", ['TestService']).controller(
    "MyController", function($scope, $cookies,TestService) { 

<script> 

Jetzt habe ich eine andere Javascript-Seite, wo ich einen Dienst zu schreiben versuche.

test.js

angular.module("myapp").factory('TestService', function() { 
    return { 
     sayHello: function(){ 
      return "Factory says hi; 
     } 

    } 
}); 

Ich bin der Fehler 'Testservice' bekommen ist nicht verfügbar!

Answer 1

Ihre HTML sollte wie folgt aussehen:

<script> 
    var app = angular.module("myapp", []) 
    .controller("MyController", function($scope, $cookies, TestService) { 
     // ... 
    }); 
</script> 

<script src="test.js"></script> 

Was bedeutet, dass Sie erste Modul definieren müssen (angular.module("myapp", [])), dann Dienst registrieren lassen darauf.