問題タブ [md-autocomplete]

md-autocompleteWeb フォームの 1 つで角度入力を使用しています。私はそれをすべてセットアップしており、うまく機能しています。

予想どおり、オートコンプリート入力に新しい文字を入力するたびに、オートコンプリート データを取得するためにバックエンドが呼び出されます。問題は、新しい文字が入力されるたびにバックエンド呼び出しを行いたくないということです。最後にバックエンド呼び出しが行われてから x 秒が経過した場合にのみ、バックエンド呼び出しを実行したいと考えています。

文字が入力されたときに呼び出される関数は次のとおりです。

これは、調整ロジックを試す前の私の作業機能です。スロットリング ロジックを挿入したときに発生する主な問題は、Angular がエラーをスローする原因とならない、何を返せばよいかわからないことです。次に例を示します。

では、バックエンド コールを行いたくない場合は、何を返すことができますか? md-autocompleteまたは、角度入力を調整する簡単な方法はありますか?

次のような角度のある md-autocomplete があります。

そして、私はこれをしたい:

angularコントローラーのどこにそのイベントリスナーをアタッチできますか? 私はui.routerを使用しています。各ページは本当の新しいページではなく、dom の更新だけのようです。そのため、id を持つ要素にアクセスできるように、レンダリングが完了したときのイベント リスナーが必要だと思います。

ユーザー オブジェクトを含むオブジェクトを md-autocomplete に入力したいと考えています。ファクトリを介して JSON 形式で取得され、$scope.users. Angular ビューアーを使用して、コンソールでオブジェクトを確認できます。

モデル値をモデルに設定しuser_id、表示テキストを にしたいdisplay_name。これは可能ですか？私は試しました（ドキュメントによると、属性のみmd-itemsが必要なはずです

しかし、それは何もしません。「基本的な例」に従うこともありません

編集

usersオブジェクトを取得するために使用するコードは次のとおりです。

テキストボックスに最初に入力した後、ユーザーにドロップダウンでオートコンプリートオプションを表示し始めるAngular md-autocompleteを使用しています。ユーザーが最初にテキストボックスをクリックしたときに、このドロップダウンを表示する方法はありますか?

md-autocomplete html は次のとおりです。

私は md-autocomplete フィールドを持っています:

私md-itemsは

入力フィールドに入力でき、提案が読み込まれるという意味で機能しますが、ドロップダウンは空です。つまり、display_name期待どおりに表示されません。オプションの 1 つを選択するdisplay_nameと、選択した項目の が入力フィールドに表示されます。私が間違っている可能性のあるアイデアはありますか？

私は md-autocomplete フィールドを持っています:

私md-itemsは

ドロップダウンのアイテムをアルファベット順に並べ替える方法はありますか?

私の md-autocomplete は、データと md-not-found データを同時に表示しません。

次のコードペンを確認してください

Attempt1 はデータを表示しますが、'not-found-message' を表示しません。
Attempt2 は「not-found-message」を表示しますが、データは表示しません。

お約束で包みました。
両方を同時に機能させるにはどうすればよいですか？

md-autocomplete の大きなリスト (約 50 000 レコード) に表示したいと思います。Autocomplete ディレクティブは、無限スクロールを提供する mdVirtualRepeat を使用します。md-on-demand オプションを渡す方法が見つかりませんでした。多分誰かがそれを行う方法を見つけます。あなたが提供できるどんな助けにも本当に感謝します

アップデート

コードを共有するのを忘れています。コードのパフォーマンスに問題はありませんが、リストがレンダリングされている場合、アプリは応答しません。私の意見では、問題は可視部分ではなくリスト全体をレンダリングしようとする仮想レンダリングにあります。

PS。$scope が悪いことは知っていますが、この例を角度的に使用しています。

JS

HTML