应该如何在 angularjs 的提供者中使用服务“工厂”？

Question

我正在尝试在服务“提供者”中使用服务“工厂”。 最好的方法是如何做到这一点。 我正在使用不同的模块。但是当我将服务导入新功能时，它会产生一个错误。 在服务“提供者”中重用或注入服务的最佳方式是什么。

http://jsfiddle.net/aurigadl/facgT/5/

var moduleService = angular.module('templatesServices', []);
moduleService.factory('templateSrv',['$q', function($q){ 
    return {
        data: function(){
            console.log('In factory');
            return 2000;
        }
    }
}])

function  login(templateSrv){
  this.$get     = angular.noop;   
  this.getAcces = function(){
    return 'some data';
  };
}   

login.$inject = ['templatesServices'];

angular.module('loginProvider', ['templatesServices']).provider('login', ['caliopewebTemplateSrv',login]);

Answer 1

在任何实体服务或其他组件准备好之前，提供程序在一个阶段可用，因此您将无法将服务直接注入提供程序。

但是，您可以将服务注入到您的提供者的$get 函数中，在您实际实例化服务时使用。因此，您的loginProvider 无法访问templateSrv，但您的login 服务可以做到，只要定义templateSrv 的模块“需要”定义loginProvider 的模块。在您的示例 (angular.module('loginProvider', ['templatesServices'])) 中似乎正在这样做，但小提琴似乎非常不同。

var templateModule = angular.module('templateModule', []);
templateModule.factory('templateSrv',[function(){ 
    return {
        // ...
    };
}]);

function loginProvider(){
    this.$get = ['templateSrv', 'otherService', function(templateSrv, otherService) {
      // Use templateSrv/otherService (from templateModule or loginModule) somehow
    }];
    this.getAccess = function(){
        return 'some data';
    };
}

angular.module('loginModule', ['templateModule'])
    .provider('login', loginProvider);

我不太了解你的意图，所以我不能提供更多信息，但我希望这会有所帮助。

来源：

• http://docs.angularjs.org/guide/module
• http://docs.angularjs.org/api/AUTO.$provide