Senden von Daten an Angular2-Komponente aus einer Direktive

Question

Wie kann ich mich bei einem Input einer Komponente in Angular2 aus einer Direktive registrieren?

Um genau zu sein, weiß ich bereits über this solution, aber ich möchte dies ohne Elternumhüllung tun.

Ich habe diesen Snippet-Code von Angular2 Website, aber ich kann es nicht auf die Komponente zum Senden von Daten an der Arbeit:

// Directive 
 
import { Directive, ElementRef, Input, Output, EventEmitter } from '@angular/core'; 
 

 
@Directive({ selector: '[dirTest]' }) 
 
export class dirTestDirective { 
 
    @Output() refresh = new EventEmitter<number>(); 
 
    constructor(private element: ElementRef) { 
 
     setInterval(() => { 
 
      this.refresh.emit(Math.random()); 
 
     }, 1000); 
 
    } 
 
} 
 

 
// Component 
 
import { 
 
    Input, 
 
    Output, 
 
    Component, 
 
    OnChanges, 
 
    SimpleChanges, 
 
} from '@angular/core'; 
 

 
@Component({ 
 
    selector: 'simple', 
 
    template: '<div></div>', 
 
}) 
 
export class SimpleComponent implements OnChanges { 
 
    @Input() refresh: number; 
 
    
 
    // This never gets triggered 
 
    ngOnChanges(changes: SimpleChanges) { 
 
     console.log(changes); 
 
    } 
 
}

<!-- Get this together --> 
 
<simple dirTest></simple>

Schließlich ich mit dieser Lösung endete, die nicht ist so schlecht, aber ich denke immer noch, dass input besser ist.

Bitte, wenn jemand eine bessere Lösung post hat.

http://plnkr.co/edit/FZsIfLfvtf3EjkGGGBlC 

Answer 1

i über die Weitergabe-Wert zu Komponente durch "Input" von übergeordneten Container nur denken kann:

<simple dirTest (refresh)="mySub($event)" [refresh]="name"></simple> 

Wenn "MySub" und "Name" Verfahren und Eigenschaft des übergeordneten Container ist:

mySub($event){ 
    this.name = $event; 
} 

sehen diese plunk