angular.js - Angular如何创建类似$http的全局service？

Question

• 想写一个全局的工具类，我在独立的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

Answer 1

ありがとう、あなたが書いたことは 30% しか正しくありません。ここには 2 つのトピックが関係しています:

1. さまざまなモジュール

angular.module('testModule') 和 angular.module('mainApp',[]) 是两个不同的module，你想要在 mainApp 中使用 testModule，那么你需要在 angular.module('mainApp', [ 'testModule' ]) この依存関係をインポートします。

2. グローバルツールクラスの記述が間違っています

上で誰かが答えました:

リーリー

使用中は次のことができます:

リーリー

上記のコードは検証されておらず、構造上の問題はないはずです。ご自身でデバッグして解決してください。

Answer 2

サービスをモジュールとして定義するだけです。例:

リーリー