angular.js - Angular如何建立類似$http的全域service?
某草草
某草草 2017-05-15 17:13:05
0
2
607
  • 想寫一個全域的工具類,我在獨立的js檔案中聲明ng service(並載入到html)

(function(angular){
    "use strict";
    angular.module('testModule',function(){
        return {
            test : function(){
                console.info('testModule is ready!');
            }
        }
    });
})(window.angular);
  • 然後想在appmodule的controller裡面注入testModule,但提示注入失敗

var mainApp = angular.module('mainApp',[]);
mainApp.controller('homeController',['testModule',function(testModule){
  testModule.test();
}]);
"Error: [$injector:unpr] Unknown provider: testModuleProvider
某草草
某草草

全部回覆(2)
迷茫

謝邀,你寫的只對了30%。這裡涉及兩個話題:

1、不同module

angular.module('testModule')angular.module('mainApp',[]) 是两个不同的module,你想要在 mainApp 中使用 testModule,那么你需要在 angular.module('mainApp', [ 'testModule' ]) 導入這種相依性。

2、全域工具類別的寫法不正確

上面有人回答了:

(function(angular){
    "use strict";
    angular.module('testModule', []).factory('alertService', function() {
        return {
            test : function(){
                console.info('testModule is ready!');
            }
        }
    });
})(window.angular);

在使用時,可以:

var mainApp = angular.module('mainApp',[ 'testModule' ]);
mainApp.controller('homeController',['alertService',function(alertService){
  alertService.test();
}]);

以上程式碼未經驗證,結構上應該沒有什麼問題,請自行除錯解決。

phpcn_u1582

把你的service定義成一個module就可以了,例如:

  var appServices = angular.module('myApp.services', []);
    appServices.factory('alertService', function($rootScope) {
        var alertService = {};
        return alertService;
    });
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板