1. ホーム
  2. angular

[解決済み] Angular 2のキープレスごとの変更イベント

2022-03-14 11:09:01

質問

入力のフォーカスが変わった後にしか、changeイベントが呼ばれません。キーが押されるたびにイベントが発生するようにするには、どうしたらよいでしょうか。

<input type="text" [(ngModel)]="mymodel" (change)="valuechange($event)" />
{{mymodel}}

2つ目のバインディングは、キーを押すたびに変化します。

解決方法は?

イベント入力を使用したところ、以下のように正常に動作しました。

.htmlファイル内:

<input type="text" class="form-control" (input)="onSearchChange($event.target.value)">

を .ts ファイルに追加します。

onSearchChange(searchValue: string): void {  
  console.log(searchValue);
}