問題タブ [md-chip]

<md-autocomplete>ここから例を試していますmd-chips

選択したアイテムが内部に入らないようにするために、<md-autocomplete>次のように querySearch 関数を変更しました。

しかし、私の問題は、アイテムを選択すると、コントロールがこの関数内に入らないことです。誰かがこれを解決する方法を説明できますか?

md-chips 内で md-autocomplete を使用しています。「a」と入力してリストから選択すると、コントロールは正しく機能します。

ただし、検索文字列を入力せずにリストから選択するだけの場合 (min-length=0 が必要なため)、コントロールにはチップが表示され、コンテンツも新しい検索文字列として表示されます??

http://jsfiddle.net/3t715vLw/

プロジェクトで「md-chips-select」 npm モジュールを使用しています。次のような静的データをバインドすると、完全に機能します。

しかし、http リクエストからデータをロードすると、機能しません。

angular material design を使用して要素を設計しました。私は以下のようにスキルデータをレンダリングするためにmd-chipsを使用しました

その中で、user_skills変数を使用して既存のスキルをロードしました。期待どおりにロードしています。これから新しいチップを追加するオプションを与える必要があります。ここでスキルを書いて入力すると下図のように空のチップになります。

それを解決する方法??高度な感謝..

作成したキー値タイプに基づいて「アクティブ」フラグを持つチップのバックライトを作成したいのですが、ng-class="{activeTag: $chip.active}"機能しません。動的に作成された md-chip にこの ng-class を追加する方法。

意見

コントローラ

CSS

プランカー

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

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

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

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

私の例 ( https://jsfiddle.net/vv18yjzo/7/ ) では、md-chips 入力がフォーカスされている限り、オートコンプリートの提案が表示されます。これは、いくつかの項目を入力するときにうまく機能します。ただし、使用可能なすべてのアイテムが追加されてから削除されると、オートコンプリートの提案は空または非表示になります。オートコンプリートの候補を再度表示するには、新しい検索テキストを入力する必要があります。

HTML:

JS:

例: https://jsfiddle.net/vv18yjzo/7/

私は AngularJS の初心者で、Angular Material を使って何かを試しているので、アイデアや助けが必要です。

ng-repeat で表示される Font Awesome のアイコンがあります。

以下に、チェックボックス付きのアイコンのリストを示します。

チェックボックスが有効になっている場合、リスト エントリはリストから消えます。これは、プロパティのフィルターで動作しますitem.active

ここで、md-chips (Angular Material Chips) を使用して、アクティブ化されたアイテムをリストの上に表示したいと考えています。

したがって、リスト項目がアクティブ化されている場合、要素はリストの上の md チップである必要があります (リストには表示されなくなります)。

md-chip で「X」をクリックすると、item.active プロパティの状態だけが再び false に変わります。

Plunker に作業ファイルがあるので、現在の作業状態を読み取ることができます: https://plnkr.co/edit/t3Xpp2AKEJHXBWhkLUYZ?p=preview

これをどのように実装できますか？