前端之家收集整理的这篇文章主要介绍了
AngularJS – 将工厂从另一个模块注入供应商,
前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
@H_
301_0@
我有一个单独的模块的工厂,我想注入到我的模块的提供商,但我不断收到未知的提供商
错误。我究竟做错了什么?
我想注射什么
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;
}
]);
我试图注射的地方:
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);
};
}]);
结果
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
我认为是因为所有的提供商都在工厂之前实例化,因此提供商只能依赖于其他提供商。
作为一种方式,我正在使用angular.module的注射器方法来创建模块。
一个应该做你想要完成的东西:http://plnkr.co/edit/g1M7BIKJkjSx55gAnuD2
请注意,我也改变了工厂方法。工厂方法现在返回一个对象
使用连接方法。
var angularSocketIO = angular.module('socketioModule',['ng']);
angularSocketIO.factory('socketio',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"]);