Dienstleister funktioniert nicht in Winkel js

Question

was ich brauche

• i müssen Werte von einem Controller zu einem anderen i haben reffer Link

• ausgewählt passieren: Passing data between controllers in Angular JS?

js Code

var app = angular.module('myApp', []); 
app.service('productService', function() { 
    var productList = []; 

    var addProduct = function(newObj) { 
    productList.push(newObj); 
    }; 

    var getProducts = function(){ 
    return productList; 
    }; 

    return { 
    addProduct: addProduct, 
    getProducts: getProducts 
    }; 
}); 




app.controller('parentController', function ($scope,productService) { 
    $scope.change = function() { 
    alert($scope.value); 
    } 
}); 

Fehler

error: [$injector:unpr] Unknown provider: productServiceProvider <- productService <- parentController 

• Ich muss die Daten von der Steuerung zu einer anderen zu übergeben.

• während i don "t verstehen, warum seine Herstellung solcher Fehler.

Answer 1

Sie Service vor Modul declearation erklärt haben. So es zu einem Modul hinzugefügt wird

diese Schritte folgen

var app = angular.module('myApp', []); 

Dann erstellen Sie Controller und Service

app.service('productService', function() { .... 

und

app.controller('parentController', function ($scope,productService) {... 

Ich habe Ihre Geige Beispiel Link überprüfen ändern,

Ich habe einen anderen Controller erstellt, die denselben Dienst teilen.

Answer 2

Dieser Fehler ist darauf zurückzuführen, dass $injector eine erforderliche Abhängigkeit nicht auflösen kann.
Um dies zu beheben, stellen Sie sicher, dass die Abhängigkeit definiert und korrekt geschrieben ist.

Ich habe zwei Vermutung dafür:

• Sie beheben einen Dienstnamen Tippfehler, während Kopie Code auf Ihre Frage Fiddle.
  einfach überprüfen Sie Ihre tatsächlichen Service-Name

• Sie neu deklarieren angular.moduleExample

Beispiel:

var app = angular.module('myApp', []); 
app.service('productService', function() { 
    return {}; 
}); 

app = angular.module('myApp', []); // <- module redeclared 
app.controller('parentController', function ($scope,productService) { 
    $scope.value = 'World' 
});  

angular.module('myApp', []) neue Instanz des Moduls erzeugt ohne vorherige erklärt Anbieter zu kennen.
Sie können es für die nachfolgende Verwendung mit angular.module('myApp') abrufen.