問題タブ [mat-autocomplete]

mat-autocomplete の実装に成功し、オート コンプリート ドロップダウンから選択すると正常に動作します。いくつかのテキストを入力し、オート コンプリート フィールドにドロップされた以下を選択せず​​に他のフィールドに移動すると、問題に直面しています。オートコンプリート フィールドに入力された値を保持します。

この問題を解決するために以下のアプローチを使用しました-

1. MatAutocompleteTrigger - ts ファイルで使用した以下のコード -

   まず第一に、角度のあるライフサイクルフックに保持できません。このトリガーは、angular ライフサイクル フック中には初期化されませんが、後で mat-autocomplete から値を受け取る間に初期化されます。そのため、フィールドにテキストを入力するとすぐに値がクリアされます (以下のオートコンプリート リストを保持します。見栄えがよくありません)。

   2.filterOptionsでobservalbleを使用しました（オートコンプリートフィールドでObserableを使用しました）-以下のコードを使用しました-

   /li>

テンプレートコード付き -

オートコンプリートから何も選択していない場合にのみフィールドをクリアする必要があり、フォームからもフィールド値をクリアする必要があります。

マットオートコンプリートでAngularのCDKのオーバーレイモジュールを使用しています。

シナリオ: cdk-virtual-scroll を含む mat-autocomplete 入力ボックスがあり、その下に 2 つのボタンがあります。入力ボックスは、ドロップダウンからの値の 1 つで事前に選択されています。

問題: mat-autocomplete 入力からテキスト全体を選択するか、デフォルトで選択されたテキストをダブルタップしてから、そのテキストの真下をもう一度クリックして (そのボタンの上/上で) 選択を解除すると、ボタンをクリックできなくなります。

デバッグ中の分析: 入力をクリックすると、透明な cdk-overlay レイヤーが開きますが、結果はありません。参考までに、添付の画像を参照してください。オーバーレイの背景を黄色に設定したことを理解するために、このオーバーレイのためにボタンをクリックすることはできません。

マットオートコンプリートにオーバーレイ