각도 2 바인딩 대 이벤트 감지

Question

필자는 여러 개의 드롭 다운이있는 페이지를 필터로 가지고 있으며 드롭 다운이 필터링을 업데이트 할 때 함수 수신기를 가지고 있습니다.

<select [(ngModel)]="filters.foo" (change)="update()">...</select> 
<select [(ngModel)]="filters.bar" (change)="update()">...</select> 
<select [(ngModel)]="filters.quz" (change)="update()">...</select> 
<select [(ngModel)]="filters.lol" (change)="update()">...</select> 
<select [(ngModel)]="filters.wtf" (change)="update()">...</select> 

그러나 내 update() 함수를 실행하면 필터 개체가 아직 업데이트되지 않았습니다.

가 어떻게 update()를 호출 할 수있는 모델이 갱신 된 후에 만 ​​:

This plunker

이 문제 페이지를로드하고 입력에 아무 것도 입력을 보여줍니다?

Answer 1

해결책 찾기 : 기본 이벤트를 듣지 않고 ngModelChange 이벤트를 수신합니다.

<select [(ngModel)]="filters.foo" (ngModelChange)="update()">...</select> 

I read somewhere이

<!-- THIS DIDN'T WORK FOR ME --> 
<select [ngModel]="filters.foo" (ngModelChange)="update()">...</select> 

처럼 ngModel에서 괄호를 제거 할 수 있습니다하지만이 나를 위해 작동하지 않았다 그래서는 괄호를 떠나 지금은 완벽하게 작동합니다 :)