コール角度

Question

の遅延とkeyUpイベント私は、テキストボックスを持っており、それにkeyupイベント検索機能を割り当てたが、私はそれがここ遅延ではなく、すべてのキー入力

で発生する場合は、htmlコードです：

<input type="text" [(ngModel)]="searchedKPI" (keyup)="searchConfigTree()"> 

、ここでtsのコードです：

list = list.filter(item => item.label.toLocaleLowerCase().includes(this.searchedKPI.toLocaleLowerCase())).slice(); 

、ここでは、私が「テキスト」の文字列を検索したかったが、イベントが4回起こる、私はこれにしたいことは唯一の「テキスト」のために一度起こる例です。文字列：

ソリューション何？

Answer 1

Observable's worldへようこそ。 Observableを使用して目的の結果を得るだけです。コンポーネントでの入力の参照を取得し、このコードを使用します。 debounceTimeは、イベントが少なくとも前のトリガーから1 secondの後にトリガーするようにします。ユーザーが速く入力すると、すべてkeyupに発射されません。

Observable.fromEvent(yourInput, 'keyup').debounceTime(1000).subscribe(value => /* */) 

subscribeメソッドではロジックを記述できます。 valueは入力の値です。