Angular $ injector可以用$ provide.decorator装饰吗？

Question

也许这是一个可怕的主意，但如果是这样，请告诉我为什么，然后假装这是一项学术活动，不会在生产中日渐成熟。

我想在Angular $
injector服务中添加一些逻辑，以监视何时将某些服务注入到其他服务中。由于Angular似乎提供了一种装饰服务的机制，因此我认为这是可行的方法。但是，以下代码将引发错误。

(function () {
    'use strict';

    var app = angular.module('app');

    app.config(['$provide', function ($provide) {
        $provide.decorator('$injector', ['$log', '$delegate', addLoggingToInjector]);
    }]);

    function addLoggingToInjector($log, $delegate) {
        var baseInstantiate = $delegate.instantiate;
        var baseInvoke = $delegate.invoke;

        $delegate.instantiate = function (type, locals) {
            // $log.debug('Calling $injector.instantiate');

            baseInstantiate(type, locals);
        };

        $delegate.invoke = function (fn, self, locals) {
            // $log.debug('Calling $injector.invoke');

            baseInvoke(fn, self, locals);
        };

        return $delegate;
    };
})();

具体错误是：

未捕获的错误：[$ injector：modulerr]由于以下原因而无法实例化模块应用程序：错误：[$ injector：unpr]未知提供程序：$
injectorProvider

Answer 1

您不能在$ injector上使用Angular装饰器服务。正如Artur所说，$injector它与其他服务有些不同。但是我们可以创建自己的装饰器。

为什么我们不能使用Angular的装饰器

在代码级别，问题在于$injector没有构造函数-没有$injectorProvider。

例如，这两个都返回true：

$injector.has('$location');
$injector.has('$locationProvider')

但是，虽然返回true：

$injector.has('$injector')

这将返回false：

$injector.has('$injectorProvider')

当我们查看Angular装饰器函数时，我们看到了重要性：

function decorator(serviceName, decorFn) {
   var origProvider = providerInjector.get(serviceName + providerSuffix),
       orig$get = origProvider.$get;

   origProvider.$get = function() {
      var origInstance = instanceInjector.invoke(orig$get, origProvider);
     return instanceInjector.invoke(decorFn, null, {$delegate: origInstance});
   };
}

和

providerSuffix = 'Provider'

因此，Angular装饰器希望在服务的构造函数（serviceName + providerSuffix）上进行操作。实用上，
由于没有$injectorProvider， 所以 不能使用decorator 。

解

我们可以做的是自己替换Angular注入器的get功能，方法是将注入器的默认值替换为get调用原始Angular定义的默认值，然后调用get我们的函数。

我们将其应用到$injector而不是$injectorProvider像这样不存在的应用：

app.config(['$provide','$injector', function ($provide,$injector) {

    // The function we'll add to the injector
    myFunc = function () {
        console.log("injector called ", arguments);
    };

    // Get a copy of the injector's get function
    var origProvider = $injector,
        origGet = origProvider.get;

    //Override injector's get with our own
    origProvider.get = function() {

        // Call the original get function 
        var returnValue = origGet.apply(this, arguments);

        // Call our function
        myFunc.apply(this,arguments);

        return returnValue;
    }
}]);

您会看到注入的提供程序是第一个扩充，因此会app.value('aValue', 'something');产生以下日志语句：

injector called  ["aValueProvider"]

演示小提琴