AngularJs Managing Service Dependencies詳解

更新時間：2016年09月02日 15:27:08 作者：Lcllao

本站主要介紹AngularJs Managing Service Dependencies的知識資料，這里整理相關(guān)知識，及簡單示例代碼，有興趣的小伙伴可以參考下

　　angular允許service將其他service聲明為依賴，使用在自身實例化時使用的構(gòu)造函數(shù)中。

　　為了聲明依賴，我們需要在工廠方法聲明中指定它們，并且在工廠方法中通過$inject屬性（字符串標(biāo)識數(shù)組）或者使用array notation。

　　通常$inject屬性聲明可以被丟棄（即http://m.fzitv.net/article/91815.htm中提到的隱式依賴注入，但這個是實驗屬性，在而且在壓縮混淆后會失效，慎用！）。

使用array notation

function myModuleCfgFn ($provide) {
  $provide.factory(‘myService',[‘dep1','dep2',function(dep1,dep2){}]);
}

使用$inject屬性

function myModuleCfgFn($provide) {
   var myServiceFactory = function(dep1, dep2) {};
   myServiceFactory.$inject = ['dep1', 'dep2'];
   $provide.factory('myService', myServiceFactory);
 }

使用隱式DI（不兼容壓縮混淆的代碼）

function myModuleCfgFn($provide) {
　　$provide.factory('myService', function(dep1, dep2) {});
}

下面有一個例子，里面有兩個service，它們之間存在依賴關(guān)系，以及其他一些angular提供的service。

 /**
 * batchLog service 允許消息在內(nèi)存中形成隊列，50秒flush一次。
 *
 * @param {*} message Message to be logged.
 */
 function batchLogModule($provide){
 　　$provide.factory('batchLog', ['$timeout', '$log', function($timeout, $log) {
 　　　　var messageQueue = [];
 　　　　function log() {
 　　　　　　if (messageQueue.length) {
 　　　　　　　　$log('batchLog messages: ', messageQueue);
 　　　　　　　　messageQueue = [];
 　　　　　　}
 　　　　　　$timeout(log, 50000);
 　　　　}
 　　　　log(); 
 　　　　return function(message) {
 　　　　　　messageQueue.push(message);
 　　　　}
 　　}]);
 　　/**
 　　* routeTemplateMonitor監(jiān)控每一個route的變化，每個比阿奴啊都會通過batchLog service記錄下來
 　　*/
 　　$provide.factory('routeTemplateMonitor',
 　　　　['$route', 'batchLog', '$rootScope',
 　　　　function($route, batchLog, $rootScope) {
 　　　　　　$rootScope.$on('$routeChangeSuccess', function() {
 　　　　　　　　batchLog($route.current ? $route.current.template : null);
 　　　　　　});
 　　}]);
 }
 // 獲得主service，運(yùn)行應(yīng)用（監(jiān)聽事件）
　　angular.injector([batchLogModule]).get('routeTemplateMonitor');

例子中需要注意的事項：

batchLog service依賴angular內(nèi)置的$timeout(http://docs.angularjs.org/api/ng.$timeout)與$log services(http://docs.angularjs.org/api/ng.$log)，實現(xiàn)通過console.log批量log消息。
routeTemplateMonitor service依賴內(nèi)置的$route（http://docs.angularjs.org/api/ng.$route） service與我們自定義的batchLog service。
我們兩個service都使用工廠方法簽名以及array notation來注釋inject，聲明它們的依賴。array中的字符串標(biāo)識的順序與工廠方法簽名（參數(shù)）中的順序必須一致，這十分重要。除非在工廠方法參數(shù)中使用隱式依賴聲明，否則，injector將根據(jù)array中字符串的順序決定inject哪一個服務(wù)。

以上就是關(guān)于AngularJs Managing Service Dependencies 資料的整理，后續(xù)繼續(xù)添加相關(guān)資料，謝謝大家對本站的支持！

您可能感興趣的文章: