如何在控制器中动态注入依赖

Question

我仍然是Angularjs的新手。我想在控制器中动态注入服务（我创建的）的依赖项。

但是，当我对具有依赖项的服务进行编码时，出现此错误：

错误：未知提供程序：$ windowProvider <-$ window <-base64

这是控制器的代码。

var base64 = angular.injector(['servicesModule']).get('base64');
console.log("base64", base64.encode("my text will be encoded"));

此代码有效：

var servicesModule = angular.module('servicesModule', []);
servicesModule.factory('base64', function() {
    return {

        name: 'base64',
        readonly: false,

        encode: function(input) {
            return window.btoa(input);
        },

        decode: function(input) {
            return window.atob(input);
        }

    };

});

此代码不起作用：

var extModule = angular.module('ext', []);
extModule.factory('base64', ['$window', function($window) {
    return {

        name: 'base64',
        readonly: false,

        encode: function(input) {
            return $window.btoa(input);
        },

        decode: function(input) {
            return $window.atob(input);
        }

    };

}]);

另一个问题是服务与控制器位于同一模块中。如果模块具有依赖项，则无法使用（我的模块配置中具有$ routeProvider依赖项）：

错误：未知提供程序：mainModule中的$ routeProvider

var mainModule = angular.module('main', [],
    function($routeProvider, $locationProvider) {
        //Some routing code
    }
);

JS小提琴

具有依赖项的相同模块（控制器+服务）：http :
//jsfiddle.net/yrezgui/YedT2/

具有依赖性的不同模块：http :
//jsfiddle.net/yrezgui/YedT2/4/

没有依赖性的不同模块：html" target="_blank">http :
//jsfiddle.net/yrezgui/YedT2/5/

Answer 1

不要调用angular.injector（）-这将创建一个新的注射器。相反，将已经创建的内容$injector注入到控制器中并使用它：

所以代替：

var algoController = function($scope) {
    $scope.base64 = angular.injector(['main']).get('base64');
};

做这个：

var algoController = function($scope, $injector) {
    $scope.base64 = $injector.get('base64');
};

但是大多数时候，您应该直接而不是动态地注入服务，如下所示：

var algoController = function($scope, base64) {
    $scope.base64 = base64;
};