@Input 및 @Output을 사용하는 사용자 지정 이벤트

Question

내 머리를 @Input 및 @Output 번으로 돌리려고 시도했는데 내 접근 방식이 잘못되었다는 표시가 있었으면합니다. app.component 부모 구성 요소에서

나는

@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); 
} 

을이 아이의 HTML을

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

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

아이 컴퍼넌트 되어 다음과 같은 한 (ExpensesComponent) 구성 요소는 다음과 같다

@Input() dateChanged: any; 

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

onDateSelected는 0123을 실행하지 않습니다.이 날짜 값을 자녀에게 전달하는 좋은 방법은 무엇입니까? 부모가 자식 요소 다른 방법은 주위의 이벤트를 수신하는

감사

Answer 1

@Output() 이벤트입니다.

부모와 자녀 간 통신의 경우 데이터 바인딩을 사용할 수 있습니다.

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