問題タブ [md-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 に答える
65 参照

javascript - テキストの開始に限定されない1つのプロパティでオブジェクトの配列をフィルタリングする

lodash を ngMaterial および md-autocomplete と組み合わせようとしています。

配列にユーザー オブジェクトのコレクションがあります。

たとえば、このリストをフィルタリングして、検索クエリに一致するものだけを返そうとしています

var query = "fr"

このコントローラー関数でフィルターが機能するようにします。

これの問題は、「rne」のように名前の真ん中を入力すると結果が得られないことです。

0 投票する
0 に答える
914 参照

angular-material - オートコンプリート付きのマテリアル角度チップ

オートコンプリート付きの md-chips がありますが、オートコンプリートのテキストが幅を超えており、次のように表示されます。

オートコンプリート付きの md チップ

したがって、アイデアは、suggestbox が 100% の幅を使用するか、単語のサイズに合わせて調整することです。

http://codepen.io/dvelasquez/pen/BjeoYq

0 投票する
0 に答える
1126 参照

angularjs - 角材md-autocompleteソートと検索する最小長範囲

私はサーバーからデータを取得しているので..検索する最初の文字からサーバーにヒットしたくない...私は、そのmd-autocompleateアクションが適切なソートとオプションとして最小10レコードで発生する必要がある後、いくつかの最小長を修正したい. ..

現在、ビューページにこれがあります

これは私のコントローラー検索クエリで email-Id です


md-autocompleate は正常に動作しています... bt の並べ替え、最小の長さ、最大のレコードは私が望むすべてです...事前に感謝を助けてください

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

angularjs - Google マップの autocompleteService を使用した Angular ディレクティブ md-autocomplete

よろしくお願いいたします。

angularを使用してgoogle AutocompleteService APIと対話するためのオートコンプリート検索ボックスのセットアップを取得しようとしています。

現時点では、私の Angular AutocompleteService はうまく機能しており、検索バーに入力された内容に基づいて提案された予測の配列を取得しています。

ここに私のオートコンプリートサービスがあります:

そのサービスは、オートコンプリートに接続しようとしているフォームを制御するコントローラーに挿入されます。(オートコンプリート ビットに関与し、AutocompleteService と対話する関数のみを含めました)

現在、検索バーにドロップダウン ボックスを表示するように接続して、Google オートコンプリート サービスが RequestsController に返す一連の提案からユーザーが選択できるようにしようとしています。

ngMaterial モジュールを挿入し、必要なすべての bower コンポーネントを適切な場所に配置しました。ディレクティブは入力に応答するため、これはわかっていますが、灰色のボックスしか表示されません。

これは私のウェブページがどのように見えるかです...

[オッドグレーボックス[1]

どんな助けでも大歓迎です!

0 投票する
0 に答える
121 参照

angularjs - Md-Autocomplete: ドロップダウンからの選択に基づいてオートコンプリート テキスト ボックスの値を更新する方法は?

md-search-text にバインドされているモデル値を手動で更新することでそれを実現できますが、それによってオートコンプリート リクエストが再度トリガーされます。入力はありますか?

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

css - md-floating-label を使用すると、md-autocomplete ドロップダウンが入力と重なる

ここに画像の説明を入力

md-floating-labelangularマテリアルに追加するmd-autocomplete と、ドロップダウンの提案項目がオートコンプリートの入力領域と重なっています。

:使用されるすべてのCSSはデフォルトです