問題タブ [md-chip]

問題は、md-chips をオートコンプリート オプションのみで満たすように制限するには、他のチップを許可しないことです。

助言がありますか？

事前に

角材チップにフィルター選択チェックボックス項目を表示したい

md-input-containers 内にある形式で、他の入力と一緒に md-chips を利用しようとしています。

入力のプレースホルダー テキストを取得するために、独自の css ハックを追加する必要がありました。さらに、パディングとマージンを適用して、md-input-container 内の入力にできるだけ近く見えるようにしました。

md-input-container 内で md-chips を動作させることができないことはわかっています (まだサポートされていないと思います)。

入力の後に md-chips が表示される方法は次のとおりです。

ワーキングコードペン

同様のレイアウトの他の入力と並んで入力が正しく配置された md チップを取得する必要がある同様の状況に直面した人はいますか?

適切なソリューションを探しているだけですが、Angular Material の入力デモに組み合わせの例が見当たりません。

ありがとう

Plunkr に追加: https://plnkr.co/edit/1LgFCNqT0YDkyUAaC31Cおよび上記のコード スニペット。

上記のページ コード スニペットで説明されている問題がいくつかあります。

説明:このディレクティブpeople-pickcerは、タグで検索するとユーザーをmd-autocomplete取り込み、何かが選択されると md-chip に変換され、親に追加されmd-chipsます。すべてのチップが取り除かれると、検証エラーがスローされます<div ng-message="required">User is required</div>。

使用法：

問題 : [タイトル] 入力ボックスが表示されている場合、無効な入力でぼやけているとエラーがスローされます。モジュール用に書いてみました$validatorsが、起動しません。また、md-chipを削除すると、すべての検証が起動します（チップを削除するとフォームを送信しようとすると思います）。タイトル入力ボックスに触れずに md-chip を削除してみてください。バリデーターがタイトルに対して起動されることがわかります。検証のある入力フィールドがさらにある場合、選択から md-chip を削除するとすべてが起動されます。

required私のモジュールからのディレクティブ

すべての md チップが削除されたときにエラーがスローされるはずですが、エラーがスローされることはありません。

(key, value) フレーバーを使用する場合、ng-repeat で md-chips を使用しようとしています。これは、私がやろうとしていることの例です。

（私はで何をすべきかわからないng-model）。事前に編集
し ていただきありがとうございます {'a':'1','b':'2','c':'3'}などの私のjsonデータです

このコードを使用すると、{"a":"1"} {"b":"2"} {"c":"3"} を持つことができますが、それはまさに私が望むものではありません。