角度 - 装饰指令

Question

我正在尝试使用Angular的“装饰器”功能来为某些指令添加功能。 假设我的指令名称是myDirective。 我的代码看起来像这样：

angular.module('app').config([
  '$provide', function($provide) {
    return $provide.decorator('myDirective', [
      '$delegate', '$log', function($delegate, $log) {
        // TODO - It worked!  Do something to modify the behavior

        $log.info("In decorator");
      }
    ]);
  }

]）;

我一直收到这条消息：

Uncaught Error: [$injector:unpr] Unknown provider: myDirectiveProvider from app 

在我的能力范围内，指令在装饰器函数运行时已经注册。 任何见解将不胜感激！

Answer 1

本文展示了如何使用带有指令的decorator（）。

您只需要包含“Directive”作为名称的后缀。 因此，在我的例子中我应该这样做

return $provide.decorator('myDirectiveDirective', ['$delegate', '$log', function($delegate, $log) {
    // TODO - It worked!  Do something to modify the behavior
    $log.info("In decorator");

    // Article uses index 0 but I found that index 0 was "window" and index 1 was the directive
    var directive = $delegate[1];
}

http://angular-tips.com/blog/2013/09/experiment-decorating-directives/

Answer 2

使用decorator方法创建的decorator仅用于服务 。 必须使用service ， factory ， provider或value创建它们。 请参阅此处的文档。

如果要装饰指令，可以使用相同的名称创建另一个指令。 编译DOM时将使用这两个指令，您可以使用优先级定义编译顺序。

或者，如果您能够修改使用您尝试装饰的指令的代码，那么您可以创建一个在其模板中使用原始指令的新指令。