Question

我正在尝试为我的控制器设置一个装饰器。我的目的是介绍我的应用程序中所有控制器的一些常见行为。

我已经将它配置为在Angular 1.2.x中工作，但是从1.3.x开始有一些重大更改，这些更改打破了代码。现在出现的错误是“控制器不是函数”。

以下是装饰器的代码：

angular.module('myApp', ['ng'], function($provide) {
    $provide.decorator('$controller', function($delegate) {

        return function(constructor, locals) {

                //Custom behaviour code

                return $delegate(constructor, locals);
            }
        })
    });

Angular 1.2.x - http://jsfiddle.net/3v17w364/2/（工作）
Angular 1.4.x - http://jsfiddle.net/tncquyxo/2/（破碎）

Answer 1

在Angular 1.4.x模块中使用decorator方法，不再需要$provide.decorator。

对于猴子修补API，最好使用arguments而不是明确枚举它们，它会破坏的可能性要小得多。

angular.module('myApp', ['ng']).decorator('$controller', function ($delegate) {
    return function (constructor, locals) {
        var controller = $delegate.apply(null, arguments);

        return angular.extend(function () {
            locals.$scope.common = ...;
            return controller();
        }, controller);
    };
});

Answer 2

回答我自己的问题。

必须深入研究Angular源代码，以了解最新情况。

使用以下代码创建$ controller实例。该修复位于参数＆lt; 以后＆＃39;中。这需要设置为 true 。

    return function(expression, locals, later, ident) {
      // PRIVATE API:
      //   param `later` --- indicates that the controller's constructor is invoked at a later time.
      //                     If true, $controller will allocate the object with the correct
      //                     prototype chain, but will not invoke the controller until a returned
      //                     callback is invoked.

以上摘自：https://ajax.googleapis.com/ajax/libs/angularjs/1.4.5/angular.js

更新了提供商代码：

angular.module('myApp', ['ng'], function($provide) {
    $provide.decorator('$controller', function($delegate) {

 return function(constructor, locals) {

            //Custom behaviour code

            return $delegate(constructor, locals, true);
        }
    })
});

更新了小提琴：http://jsfiddle.net/v3067u98/1/

Angularjs - 装饰控制器

2 个答案: