服務提供者未在角JS工作

Question

我需要

• 我需要從一個控制器選擇的值傳遞給另一個

• 我有reffer鏈接：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); 
    } 
}); 

錯誤

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')檢索它以備後用。