Angular2 - detect Komponente Kind variable Änderung

Question

Geordnete Komponente

import { Component, OnChange } from '@angular/core'; 
import { ChildComponent } from '../../reusable/user-offers/user-offers.component'; 
@Component({ 
    ... 
    directives: [ ChildComponent ] 
}) 
export class ParentComponent implements OnChange { 
    @ViewChild(ChildComponent) 
    private child: ChildComponent; 

    ngOnChanges() { 
    detecting this.child.detectme variable... 
    } 

} 

Kinderkomponente

import { Component, Input } from '@angular/core'; 
@Component({ 
    ... 
}) 
export class ParentComponent {  
    @Input() detectme: string; 
    //in view something changes detectme value (not important here) 
} 

Wie kann ich erkennen, ob child.detectme ​​geändert und drucken Sie es Wert ist?

Answer 1

Sie möchten in der übergeordneten Komponente erkennen, dass sich der Wert in der untergeordneten Komponente geändert hat, richtig? In diesem Fall sollten Sie EventEmitter in der untergeordneten Komponente verwenden und das Ereignis ausgeben. Dann abonnieren Sie das Ereignis in der übergeordneten Komponente mit (eventNameFromChild)="handler($event)" Syntax.

Erstellt eine plunk für Sie.