Angular - dekorowanie dyrektyw

Question

Próbuję użyć funkcji "dekoratora" Angulara, aby dodać funkcjonalność do niektórych dyrektyw. Załóżmy, że moja dyrektywa nazywa się myDirective. Mój kod wygląda następująco:

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

]);

Wciąż otrzymuję komunikat:

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

Aby najlepiej jak potrafię, dyrektywy są już zarejestrowane w czasie funkcja dekorator biegnie. Wszelkie docenianie byłoby docenione!

Answer 1

W tym artykule pokazano, w jaki sposób można używać dekoratora() z dyrektywami.

Trzeba tylko dodać "Dyrektywę" jako przyrostek nazwy. Stąd w moim przykładzie I should have been robi

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

Dekoratory utworzone zgodnie z metodą decorator są przeznaczone tylko dla usług tylko. Muszą być utworzone za pomocą service, factory, provider lub value. Zobacz dokumenty here.

Jeśli chcesz ozdobić dyrektywę, możesz wprowadzić inną dyrektywę o tej samej nazwie. Obie dyrektywy będą używane, gdy DOM zostanie skompilowany, i możesz zdefiniować kolejność kompilacji za pomocą priority.

Ewentualnie, jeśli jesteś w stanie zmodyfikować kod, który używa dyrektywy, którą próbujesz udekorować, możesz po prostu stworzyć nową dyrektywę, która używa oryginału w swoim szablonie.