Wie bekomme ich eine Instanz meiner Angular 2-Direktive?

Question

Angular 2 rc 5 geschrieben mit typescript 1.9

Ich möchte ein Handle auf die Instanz meiner Attribut-Anweisung erhalten. Ich benutze ViewChild, die mit Komponenten funktioniert, aber es gibt mir stattdessen ein Handle für das Element, das die Direktive hostet.

Vorlage

<span myHighlight #directive> Highlight me! </span> 

Komponente

/** Want handle to the directive. Instead gives handle to the span element */ 
@ViewChild('directive') directive:HighlightDirective; 

ngAfterViewInit(){ 
    console.log(this.directive); 
} 

Richtlinie

@Directive({ selector: '[myHighlight]' }) 
export class HighlightDirective { 
    constructor(el: ElementRef, renderer: Renderer) { 
     renderer.setElementStyle(el.nativeElement, 'backgroundColor', 'yellow'); 
    } 
} 

Running plunker

Das <span> Element ist auf der Konsole gedruckt, so ViewChild ist nicht greifen, was ich brauche. Wie kann ich einen Verweis auf die Direktiveninstanz erhalten?

Answer 1

@ViewChild('directive', {read: HighlightDirective}) directive:HighlightDirective; 

oder

@ViewChild(HighlightDirective) directive:HighlightDirective; 

aber dieser zweite Ansatz gibt die erste HighlightDirective, kein spezifisches.