select HTML要素を使用して、テーブル内のアイテムをフィルタリングしたい。そのために、モデル値
selectedCategoryId
がありますおよびイベントコールバック
onFilterCategory
変更イベント用。しかし、コールバックが呼び出されると、値
selectedCategoryId
は
null
です
。
次のHTMLスニペットがあります。
<select id="category"
class="form-control"
[(ngModel)]="selectedCategoryId"
(change)="onFilterCategory()">
<option *ngFor="let category of categories"
value="{{category.id}}">
{{category.name}}
</option>
</select>
そして、次のダーツスニペット:
void onFilterCategory() {
print('onFilterCategory');
print('this.selectedCategoryId: ' + this.selectedCategoryId);
}
別のコールバックを使用する必要がありますか?
回答 1 件
関連記事
- 新しいオプションが選択されたらすぐにhtml要素のテキストコンテンツを変更するにはどうすればよいですか?
- Vue:選択したオプションに基づいてルートを変更し、要素にデフォルトで選択したオプションを表示する方法は?
- SWIFTを選択したときにボタンの背景色を変更する
- 選択したオプションに従って要素を表示/非表示
- vueを使用して選択した値を動的に変更する方法は?
- ListTileから選択したタイルの背景色を変更する方法をフラッター
- 選択オプションの文字列を変更します
- 選択したオプションが別のドロップダウンのオプションよりも価値が高いかどうかを確認するにはどうすればよいですか?
- Vue JS渡されたネストされたv-for値に基づいて選択されたオプションを設定するにはどうすればよいですか?
- トグルdivを変更すると、各列の名前はdivになり、オプションが選択されます。
ngModelChange
イベントであり、$event
値と
双方向バインディングがあるため
あなたも使用できます
onFilterCategory()
と それはあなたの質問にあります。ザ・
change
イベントが早すぎるために動作しない-[(ngModel)]="selectedCategoryId"
の前にselectedCategoryId
を更新できました 。