Global eine Anweisung in angular2 registrieren

Question

Ich entwickle eine Angular2-Anwendung. Ich muss alle Links besonderes Verhalten hinzufügen, damit in Winkel 1.xi würde nur eine Richtlinie wie folgt schreiben:

angular.module('whatever.module', []).directive('href', function() { 
    return { 
     restrict: 'A', 
     link: function($scope, $element, $attrs) { 
      // do stuff 
     } 
    }; 
}); 

In angular2 i der Richtlinie wie folgt schreiben kann:

@Directive({ 
    selector: '[href]', 
}) 

export class MyHrefDirective { 
    constructor() { 
     // whatever 
    } 
} 

Aber wie auf Erde kann ich der Anwendung mitteilen, diese Richtlinie global zu verwenden? Ich habe eine Menge Ansichten mit Links zu ihnen. Muss ich es importieren und im Array directives in jeder dieser Komponenten angeben (was A LOT ist)?

ich es in die bootstrap Funktion versucht, die Injektion, wie Sie mit Dienstleistungen zu tun, sind angeblich global eine Instanz haben, aber , die nicht

Answer 1

Mein Verständnis funktionierten ist, dass Sie für alle Gewohnheit entscheiden in haben Anweisungen auf Komponentenebene. Nur PLATFORM_DIRECTIVES sind implizit enthalten (ngFor, ngIf usw.).

Allerdings können Sie Ihre eigene benutzerdefinierte Richtlinie als PLATFORM_DIRECTIVE registrieren

import { provide, PLATFORM_DIRECTIVES } from '@angular/core'; 

bootstrap(RootCmp, [ 
    provide(PLATFORM_DIRECTIVES, {useValue: YourCustomDirective, multi: true}), 
]); 

Hier ist ein Artikel, der mehr über den Prozess spricht: http://blog.thoughtram.io/angular2/2015/11/23/multi-providers-in-angular-2.html

EDIT: Ich halte diese weniger problematisch jetzt da Komponenten auf Modulebene deklariert sind. Das bedeutet viel weniger Wiederholungen, da Sie keine Kindkomponenten mehr auf Komponentenebene deklarieren müssen.