在我的项目中,我必须使用动态工厂名称(如下面的
)在角度js中创建动态工厂 function createDynamicFactory(modId) {
return myModule.factory(modId + '-existingService', function (existingService) {
return existingService(modId);
});
}
当我调用此函数时,我希望获得具有动态名称的新工厂。不幸的是,这不起作用。我怎么能实现这个目标?以及如何动态注入我的控制器或指令?
答案 0 :(得分:9)
您可以像这样注释您的服务生成器。它接受模块和扩展,然后注释对“echo”服务的依赖(只是我定义为回显文本并将其记录到控制台的示例服务),因此生成的服务可以使用它:
makeService = function(module, identifier) {
module.factory(identifier+'-service', ['echo', function(echo) {
return {
run: function(msg) {
return echo.echo(identifier + ": " + msg);
}
};
}]);
};
然后你可以制作一些动态服务:
makeService(app, 'ex1');
makeService(app, 'ex2');
最后,有两种注入方式。如果你知道你的约定,你可以使用注释传递它,因为显示了ext1。否则,只需获取$ injector的实例并以此方式获取它。
app.controller("myController", ['ex1-service',
'$injector',
'$scope',
function(service, $injector, $scope) {
$scope.service1 = service.run('injected.');
$scope.service2 = $injector.get('ex2-service').run('dynamically injected');
}]);
以下是完整的工作小提琴:http://jsfiddle.net/jeremylikness/QM52v/1/
更新:如果要在初始化模块后动态创建服务,则会稍微进行一些更改。只需返回带注释的数组,而不是尝试注册模块。第一个参数是依赖项,最后一个是要注册的函数:
makeService = function(identifier) {
return ['echo', function(echo) {
console.log("in service factory");
return {
run: function(msg) {
return echo.echo(identifier + ": " + msg);
}
};
}];
};
然后你得到一个对数组的引用,并在$ injector上调用instantiate来连接依赖项:
var fn = makeService('ex2');
$scope.service2 = $injector.instantiate(fn).run('dynamically injected');
以下是该版本的小提琴:http://jsfiddle.net/jeremylikness/G98JD/2/