我的问题是:我正在构建一个主要基于angular的应用程序,但也使用了一些非angular代码。我将代码组织在模块中,包括一些工厂。特别是我有一个专门用于日志记录的工厂,它被注入到各个模块中。
如果我想从非angular打包的代码访问这个日志工厂,在那里我不能使用angular出色的依赖注入机制?
/* Angular app */
var app = angular.module('myApp', []);
app.factory('logger', function(){
return {
infos : [],
logInfo : function(msg) { this.infos.push(msg); }
};
});
app.controller('MyCtrl',['logger', function(logger){
...
logger.logInfo("Here I can use the dependency-injected logger");
...
}]);
/* Rest of the app */
someLib.someMethod(function(){
...
// var logger = angular.getFactory('logger') ?
logger.logInfo("Gee, how do I access my logger from here?");
...
});
我确实找到了解决这个问题的方法,但我觉得它不太令人满意,也不安全:
// Declare the logger globally
var logger = {
infos : [],
logInfo : function(msg) { this.infos.push(msg); }
};
// Still package it into a factory (although it's kinda pointless now)
app.factory('logger', function(){
return logger;
});
/* Rest of the app */
someLib.someMethod(function(){
...
logger.logInfo("Now logger is global, so I can access it from anywhere!");
...
});
所以…有没有办法在代码的非角部分注入依赖关系?
我要做的是将当前应用注入器分配给应用模块属性,这样以后就很容易访问它。在运行块中这样做很方便:
var app = angular.module('myApp', []);
app.run(function($injector) {
app.$injector = $injector;
});
现在,当你需要从非angular代码中获得一些服务时,你可以这样做:
var logger = app.$injector.get('logger');
或
var logger = angular.module('myApp').$injector.get('logger');
现在你可以用
someLib.someMethod(function() {
var logger = angular.module('myApp').$injector.get('logger');
logger.logInfo("Now logger is global, so I can access it from anywhere!");
});