angular.js - Angular如何创建类似$http的全局service?
某草草
某草草 2017-05-15 17:13:05
0
2
606
  • 想写一个全局的工具类,我在独立的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
某草草
某草草

répondre à tous(2)
迷茫

Merci, ce que vous avez écrit n'est correct qu'à 30 %. Deux sujets sont ici concernés :

1. Différents modules

angular.module('testModule')angular.module('mainApp',[]) 是两个不同的module,你想要在 mainApp 中使用 testModule,那么你需要在 angular.module('mainApp', [ 'testModule' ]) Importez cette dépendance.

2. La classe d'outils globale est mal écrite

Quelqu'un a répondu ci-dessus :

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

Lors de son utilisation, vous pouvez :

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

Le code ci-dessus n'a pas été vérifié et il ne devrait y avoir aucun problème structurel. Veuillez le déboguer et le résoudre par vous-même.

phpcn_u1582

Définissez simplement votre service sous forme de module, par exemple :

  var appServices = angular.module('myApp.services', []);
    appServices.factory('alertService', function($rootScope) {
        var alertService = {};
        return alertService;
    });
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal