Angular - Decorating Direktiven

Question

Ich versuche Angulars "Decorator" -Funktion zu verwenden, um einigen Direktiven Funktionalität hinzuzufügen. Angenommen, der Name meiner Direktive lautet myDirective. Mein Code sieht so aus:

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"); 
     } 
    ]); 
    } 

]);

ich diese Mitteilung erhalte:

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

Nach bestem meine Fähigkeit, werden die Richtlinien bereits von der Zeit registriert die Dekorateur Funktion ausgeführt wird. Jeder Einblick würde geschätzt werden!

Answer 1

Dieser Artikel zeigt, wie Sie in der Tat Decorator() mit Anweisungen verwenden können.

Sie müssen nur "Direktive" als Suffix für den Namen angeben. Daher wird in meinem Beispiel habe ich getan

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

Dekoratoren, die mit der decorator-Methode erstellt wurden, sind nur für -Dienste. Sie müssen mit service, factory, provider oder value erstellt werden. Siehe die Dokumentation here.

Wenn Sie eine Direktive dekorieren möchten, können Sie eine andere Direktive mit demselben Namen erstellen. Beide Direktiven werden verwendet, wenn das DOM kompiliert wird, und Sie können die Kompilierungsreihenfolge mithilfe von priority definieren.

Wenn Sie in der Lage sind, den Code zu ändern, der die zu dekorierende Anweisung verwendet, können Sie eine neue Direktive erstellen, die das Original in der Vorlage verwendet.