javascript - 将服务动态注入控制器

Question

而不是在控制器中指定所有服务，例如：

mainApp.controller('MultiController', ['$scope', '$attrs', '$branchesService', '$repositoriesService', function ($scope, $attrs, $branchesService, $repositoriesService) {
console.log('multiController instantiated');
var vm = this;

// private idu funkcija definition bez scope
vm.init = function(mod) {
    vm.mod = mod;
    if (mod == "branch") {
        console.log('MultiController branchesService');
        vm.service = $branchesService;
    } else {
        console.log('MultiController repoService');
        vm.service = $repositoriesService;
    }

    vm.items = [];
    vm.selectedItem = null;
    vm.error = 'no Error at the moment...';

    loadRemoteData();
    console.log('multiController.init()');
}
vm.init($attrs.mod);

是否可以使用 $inject ？我正在使用 $attrs 从 html 获取规范，我应该使用哪个服务。

Answer 1

您可以$injector在控制器内部进行依赖，然后$injector.get获取服务对象。

$injector用于检索提供者定义的对象实例、实例化类型、调用方法和加载模块。

基本上$injector.get，方法将搜索您在 angular 中提供的任何服务名称context并返回object是否找到。

代码

vm.init = function(mod) {
    vm.mod = mod;
    if (mod == "branch") {
        console.log('MultiController branchesService');
        vm.service = $injector.get('branchesService'); //you will have service instance here
    } else {
        console.log('MultiController repoService');
        vm.service = $injector.get('repositoriesService'); //you will have service instance here
    }

    vm.items = [];
    vm.selectedItem = null;
    vm.error = 'no Error at the moment...';

    loadRemoteData();
    console.log('multiController.init()');
}

Answer 2

是的，你可以注入$injector，并像这样使用它：

var brancesService = $injector.get('brancesService');