Angular2 - コンポーネントの子変数の変更

Question

親コンポーネント検出

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... 
    } 

} 

子コンポーネント

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

がどのように私はchild.detectmeが変更された場合に検出し、それが価値だ印刷することができますか？

Answer 1

親コンポーネントで、子コンポーネントの値が変更されたことを検出しますか？その場合は、子コンポーネントでEventEmitterを使用し、イベントを送出する必要があります。次に、(eventNameFromChild)="handler($event)"構文を使用して、親コンポーネントのイベントをサブスクライブします。

plunkが作成されました。