首页
学习
活动
专区
工具
TVP
发布
社区首页 >问答首页 >AngularJS -将另一个模块中的工厂注入到提供者中

AngularJS -将另一个模块中的工厂注入到提供者中
EN

Stack Overflow用户
提问于 2013-11-01 10:06:08
回答 1查看 32.9K关注 0票数 18

我有一个来自单独模块的工厂,我想将其注入到我的模块的提供程序中,但我一直收到未知的提供程序错误。我做错了什么?

我想注入的是:

代码语言:javascript
复制
var angularSocketIO = angular.module('socketioModule', []);
angularSocketIO.factory('socketio', [
    '$rootScope', 
    'addr', 
    function($rootScope, addr) {
        var socket = io.connect(addr,{
            'sync disconnect on unload': true
        });
                ...
        return socket;
    }
]);

在我尝试注入它的地方:

代码语言:javascript
复制
angular.module('myApp.services', ['socketioModule'])
    .provider('greeter', ['socketio', function(socket) {
        var salutation = 'Hello';
        this.setSalutation = function(s) {
            salutation = s;
        }

        function Greeter(a) {
            this.salutation = salutation;
            socket._emit('hello')

            this.greet = function() {
                return salutation + ' ' + a;
            }
        }

        this.$get = function(version) {
            return new Greeter(version);
        };
    }]);

这导致了

代码语言:javascript
复制
Error: [$injector:modulerr] Failed to instantiate module myApp due to:
[$injector:modulerr] Failed to instantiate module myApp.services due to: 
[$injector:unpr] Unknown provider: socketio
EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2013-11-01 11:41:42

我认为这是因为所有的提供程序都是在工厂之前实例化的,因此提供程序只能依赖于其他提供程序。

作为一种解决方法,我使用angular.moduleinjector方法来创建模块。一个应该完成您想要完成的任务的柱塞:http://plnkr.co/edit/g1M7BIKJkjSx55gAnuD2

请注意,我还更改了工厂方法。工厂方法现在返回一个带有connect方法的对象。

代码语言:javascript
复制
var angularSocketIO = angular.module('socketioModule', ['ng']);
angularSocketIO.factory('socketio', [
    '$rootScope',
    function($rootScope) {
      return {
        connect: function(addr) {
          var socket = io.connect(addr, {
            'sync disconnect on unload': true
          });

          return socket;
        }
      };
    }]);


  angular.module('myApp.services', ['socketioModule'])
  .provider('greeter', [
    function() {
      var injector = angular.injector(['socketioModule']);
      var socketio = injector.get('socketio');

      var salutation = 'Hello';
      this.setSalutation = function(s) {
        salutation = s;
      }

      function Greeter(a) {
        this.salutation = salutation;
        socket._emit('hello');

        this.greet = function() {
          return salutation + ' ' + a;
        };
      }

      this.$get = function(version) {
        return new Greeter(version);
      };
    }
  ]);


  var myApp = angular.module('myApp', ["myApp.services"]);
票数 22
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/19719729

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档