模塊間通信，Angular Js，工廠

我有一個簡單的應用程序，我正在Angular開發。我儘可能簡化了以下內容。我試圖做一個globally available library injectible（沒有什麼特別）：模塊間通信，Angular Js，工廠

我app.module.js文件被簡單地定義爲：

angular.module('dogApplication', [ 
    'dogModule', 
    'dogSelection' 
]);

的index.html文件的定義如下（去內臟爲了便於閱讀）：

<html lang="en" ng-app="dogApplication"> 
    <head> 
     <!-- ... --> 
     <script src="app/app.module.js"></script> 
     <script src="app/dogs/dog.module.js"</script> 
     <script src="app/dogs/dog.factory.js"</script> 
     <script src="app/dogSelection.module.js"></script> 
     <!-- controllers then imported --> 
    </head> 
    <body> 
     <!-- content --> 
    </body> 
</html>

.module文件定義了每個附加組件，控制器，工廠等附加的模塊，其中app.module.js是「主要」模塊附件。

dog.factory.js定義如下：

angular 
    .module('dogModule') 
    .factory('dog', function($window) { 
     // do logic defined by James Hill in linked article 
     return friendly; 
    });

然後我有一個控制器：

angular 
    .module('dogSelection') 
    .controller('dogSelectionController', ['$scope', 'dog', function ($scope, dog) { 
     if (dog) 
     { 
      console.log('it worked'); 
     } 
    }])

當訪問應用程序時，我得到一個糟糕的錯誤信息，我不能很決心：

angular.js:13920 Error: [$injector:unpr] Unknown provider: dogProvider <- dog <- dogSelectionController 
http://errors.angularjs.org/1.5.8/$injector/unpr?p0=dogProvider%20%3C-%20dog%20%3C-%20dogSelectionController 
    at angular.js:68 
    at angular.js:4511 
    at Object.getService [as get] (angular.js:4664) 
    at angular.js:4516 
    at getService (angular.js:4664) 
    at injectionArgs (angular.js:4688) 
    at Object.invoke (angular.js:4710) 
    at $controllerInit (angular.js:10354) 
    at nodeLinkFn (angular.js:9263) 
    at angular.js:9673

隨着我有上述設置的方式，爲什麼dog服務而不是通過DI可用於dogSelectionController？

我知道.factory(//...方法中的代碼可以工作，因爲我可以將它附加到控制器定義的末尾;但是，我希望工廠在整個應用程序中都可用。這可能嗎？

來源

2016-09-23 Thomas

您已將它定義爲注射陣列上的'leaflet'，但是在實際參數中是'dog'。我相信他們需要匹配的工作。 – Lex

@Lex他們不需要匹配。唯一的限制是字符串中的名稱必須與服務的實際名稱匹配 – gmustudent

@Lex這是一個帖子錯誤，對不起。我需要解決這個問題。試圖使其更廣泛適用。 – Thomas

我看到的第一個問題是你需要一個模塊後的數組。 即使沒有模塊依賴關係。所以它的.module('dogSelection', [])不是.module('dogSelection') - 我看到的下一個問題是你需要在注入它之前定義模塊狗的使用。如果沒有定義dob來自狗的地方的模塊會拋出一個類似於你看到的錯誤。像這樣

模塊：

angular.module('dogModule', []) 

.factory('dog', function($window) 
{ 

});

控制器：

angular.module('dogSelection', [ 
    'dogModule' 
]) 

.controller('dogSelectionController', ['$scope', 'dog', function ($scope, dog) 
{ 

}]);

來源

2016-09-23 19:36:49 gmustudent

該模塊在別處聲明。這裏包含'[]'覆蓋模塊。再次，定義發生在其他地方按照OP（排除了簡潔;不要'index.html'） – Thomas

@Thomas對不起，我讀你的帖子太快了，傳單通過我了。我想我現在得到的東西可能是你想要的 – gmustudent

沒問題。現在就完成它。現在我得到各種各樣的時髦錯誤。我不知道我在做什麼「錯誤」。哎。 – Thomas

貌似'dogSelectionController'注射器應改爲從['$scope', 'leaflet'到['$scope', 'dog'。狗廠沒有命名爲'leaflet'。

更新：

作爲用於共享工廠一個解決方法是直接有主要的應用程序模塊上的工廠。我現在在手機上，所以目前無法給出更好的答案。

來源

2016-09-23 19:38:12 Boris

更新的問題。謝謝。 – Thomas

模塊間通信，Angular Js，工廠

回答

相關問題