角度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()機能が実行されると、フィルタオブジェクトはまだ更新されていません。

This plunkerは、ページをロードし、入力に何も入力し、問題を示しています

は、どのように私はモデルが更新された後にのみupdate()呼び出すことができますか？

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から括弧を削除することができますしかし、これは私のために動作しませんでしたので、私は括弧を去り、今では完璧に動作します:)