@ Inputと@Outputを使ったカスタムイベント

Question

@Inputと@Outputを頭に入れようとしていて、私のアプローチが間違っていることを示唆していました。 app.component親コンポーネントで

Iは

@Output() dateChanged = new EventEmitter(); 
dateSelected:any; 

onDateSelected() { 
    this.dateSelected = this.yearValue + "|" + this.monthValue; 
    console.log(this.dateSelected);//is selected and prints out to console 
    this.dateChanged.emit(this.dateSelected); 
} 

以下たこの子（ExpensesComponent）成分のHTML

<div> 
<!--app.component.html--> 

     <app-expenses (dateChanged)="onDateSelected($event)"></app-expenses> 
</div> 

子コンポーネント が従う

@Input() dateChanged: any; 

onDateSelected(e) { 
    console.log(e);//doesnt reach this point 
} 

ようであります

onDateSelectedは0123の発火しませんこの日付の値を子供に渡す良い方法は何ですか？親が子コンポーネントではなく、他の方法で回避のイベントをリッスンするため

おかげ

Answer 1

@Output()のイベントがあります。

親子通信の場合は、データバインディングを使用できます。

<app-expenses [selectedDateInChild]="selectedDateOfParent"></app-expenses>