問題タブ [mat-autocomplete]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票する
1 に答える
164 参照

angular - アイテムが選択されたときに Mat-autocomplete が最近のオプションを保持する

&パイプで使用mat-autocomplteしています。displayFnasync

今私の問題は、リストからオプションを選択するvalueChangeと、displayFnを使用しているため、値がオブジェクトになるため、elseブロックが実行されるということreturns of(null)です。

私がやりたいことは、オートコンプリートのフォーカス/クリックで以前に返された/既存のリストを表示することです。

そのため、オプションを選択したときにリストが明確にならないはずです。

その方法がわかりません。誰かが私を正しい方向に向けることができますか?

0 投票する
2 に答える
2976 参照

javascript - mat-autocomplete: 選択後にオプションのリストをリセットする必要がある

ユーザーが入力したときにサービス呼び出しから入力されるように配線されたオプションを備えた mat-autocomplete コンポーネントがあります (部分検索):

私の TS コードでは、ユーザーが値を選択したときに行う処理の最後に、オプション配列を空の配列に設定しています。

これは、コードが呼び出され、this.options が空の配列に設定されているという点で機能します。問題は、ユーザーがフィールドに別の値を入力しようとすると、以前のオプションがまだそこにあることです。入力すると、オプションがクリアされ、部分検索に基づく新しいオプションが入力されるため、これはレンダリングの問題だと思いますが、私はAngular Materialに少し慣れていないので、これが間違ったアプローチであるか、ステップがありません。

ありがとう!