問題タブ [md-autocomplete]

今のところ、angularjs で md-autocomplete を使用したいと考えています。angular-material.min.js や angular-material.min.css などの最新のファイルをダウンロードできます。

現在、正常に動作するが特定の機能が欠けているオートコンプリート入力コンポーネントを使用しています。このコンポーネントは、ページが読み込まれるとすぐに実行されるクエリによって必要なすべてのデータを取得し、事前定義されたデフォルト エントリを選択します。ただし、常に少なくとも 10 を超えるエントリが利用可能ですが、それらを表示するには、ユーザーがオートコンプリートの現在のアイテム選択をクリアする必要があります。選択したアイテムがクリアされると、コンポーネントはすべてのエントリを表示し、ユーザーの入力に応じてそれらをフィルタリングします。現在選択されているアイテムに関係なく、すべてのエントリを表示するボタンを追加できるオートコンプリート コンポーネントのカスタマイズ バージョンを作成する方法はありますか?

私がやろうとしている、または可能かどうかを知っているのは、拡張/共有/再利用または次のようなものです:

ディレクティブ テンプレート内のタグで使用される特定の属性をディレクティブに渡す:

<app-autocomplete md-floating-label="Movies"></app-autocomplete>

そして、私のディレクティブ tpl 内:

<md-autocomplete md-floating-label> <!-- where md-floating-label has the value: Movies -->

なぜ私はこれをしたいのですか？placeholdermd-autocomplete は、またはを持つ 2 つの異なる方法で使用できるためmd-floating-labelです。そのため、レイアウトに応じてどちらかを使用できるようにしたいと考えています。また、「繰り返さないでください」という言葉も避けたいと思います。

$scope を使用しない場合は、次のようになりますが、ここでも機能しません。

<app-autocomplete placeholder="false" md-floating-label="Cidade">

<md-autocomplete placeholder="placeholder" md-floating-label="mdFloatingLabel">

それで、何かアイデアはありますか？

カスタム テンプレートを使用して、一致した結果を特定のタイプ プロパティでグループ化する方法はありますか (下の画像のように)。

このコードを使用します。

私はこのデザインを作成することができます

タイプを1回だけ、つまり初めて繰り返すには、どのような変更を行う必要がありますか??

Web ページに 2 つのフォームがあります。

1 つのフォームmd-autocompleteは、ページのヘッダーと共に検索バーを囲みます。md-autocompleteページ自体の別のエンティティの周りのもう一方。

フォームにはさまざまな名前があります。ただし、ページをロードすると、ページ上のフォームのコンテンツがページ上部のフォーム内に複製されます。この動作が発生している理由について何か考えはありますか?

md-autocomplete を使用すると、フィルターは現在のキー入力ではなく、最後から 2 番目のキー入力に適用されます。フィルタリングのさまざまなオプションを試しましたが、行き詰まっており、Meteor コレクションを md-autocomplete と統合する方法がわかりません。

コントローラー コンポーネントでは、フィルター ロジックを次のように実装しています。

私のテンプレートは次のようになります。

フィルターは、リストをフィルター処理するために my searchText の最後のキーが適用されないという問題に加えて機能します。

例: コレクションに「ティル」、「トニー」、「アンディ」という人物がいます。「T」と入力すると、何も除外されませんが、Till と Tony の T はリストで正しく強調表示されます。「Ti」と入力すると、Till と Tony はリストに残り、Andy は除外されます。Till の「Ti」が強調表示されます。したがって、強調表示は期待どおりに機能しますが、最後に入力した文字にはフィルターが適用されません。

私のsearchTextをmd-autocompleteに正しく適用する方法について、いくつかのヒントをいただければ幸いです。私は自分の間違いを何時間も探していましたが、成功しませんでした。