поставщик услуг не работает в угловых JS

Question

, что мне нужно

• мне нужно передать значения, выбранные из одного контроллера к другому

• я есть Reffer ссылка: Passing data between controllers in Angular JS?

js код

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); 
    } 
}); 

ошибка

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

• мне нужно передать данные из контроллера на другой.

• тогда я надеваю "т понять, почему его продуцирующие такие ошибки.

Answer 1

вы объявили службу перед модулем declearation. Так что не будет добавлен в ваш модуль

выполните следующие действия

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

затем создать контроллеры и обслуживание

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

и

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

У меня изменить свой скрипку пример проверки Link,

я создал еще один контроллер, который разделить ту же услугу.

Answer 2

Эта ошибка возникает из-за того, что $injector не может решить требуемую зависимость.
Чтобы исправить это, убедитесь, что зависимость определена и написана правильно.

У меня есть два предположения для этого:

• Нацепит имя службы опечатки, в то время как скопировать код на ваш вопрос Fiddle.
  Просто проверьте ваше реальное имя службы

• Вы переобъявить angular.moduleExample

Пример:

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', []) создает новый экземпляр модуля, не зная, ранее заявленных поставщиков.
Вы можете получить его для последующего использования с angular.module('myApp').