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方法创建的装饰器仅适用于服务。必须使用service，factory，provider或value创建它们。~~请参阅文档here。

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

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

角度 - 装饰指令

2 个答案: