問題タブ [md-autocomplete]

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 チップが削除されたときにエラーがスローされるはずですが、エラーがスローされることはありません。

Airports と Resorts という 2 種類の入力で構成されるオートコンプリート リストがあります。オートコンプリート オプションの各セットを区切る区切りテキストを追加したいと考えています。この デリネーテッド オプションのように

ただし、私が管理できたのは、「セパレータ」ラベルを項目としてオプション リストに追加することだけです。このように： オプションリストに項目として追加された「区切り」ラベル

問題は

1. ユーザーが Separator フィールドを実際の入力として選択できないようにする方法はありません
2. ソリューションは非常に醜く見えます

md-autocomplete で「区切りラベル」を作成する他の方法はありますか? または、強調表示された上記の 2 つの問題を少なくとも解決する方法はありますか?

md-require-match = true/falseラジオボタンの選択に基づいてオートコンプリート検証を設定しています。

デフォルトの検証ではmd-require-match = true、ユーザーがオートコンプリート リストからアイテムを選択する必要があります。ロードしてユーザーがオートコンプリート入力に値を入力し、値をクリアしたら、searchForm.autocompleteField.$error次の値を取得します。{"md-require-match":true,"required":true}

を設定するラジオボタンを選択しています md-require-match = false。md-require-match":trueしかし、リストから検証エラーを削除していません$error。

ここにコードペンがあります: http://codepen.io/anon/pen/NbrJoJ

この検証の問題を修正するにはどうすればよいですか?

I'm trying to use :focus on md-autocomplete to change the background color when the user press Keydown or Keyup.

It's work fine with :hover for the mouse :

md-autocomplete-parent-scope:hover{ color: rgb(63, 92, 154); }

but not with :focus.

Thanks.

md-select / md-option を使用して md-input-container を md-autocomplete に変更した状況があります。md-select/md-option では、md-select と md-option の両方に ng-disabled プロパティを設定できました。md-autocomplete については、オプション/アイテム レベルで ng-disabled を使用する方法が見つかりませんでした。md-autocomplete で使用していますが、ドロップダウンのオプションも選択したら無効にする必要があります。

md-autocomplete を使用してこれを行う方法はありますか? ありがとう！

angular マテリアルのデモで、オートコンプリート フローティング ラベルの例をテストすると、エラーが発生して正しく動作しません。

https://material.angularjs.org/latest/demo/autocomplete

1. 「お気に入りの状態」をクリックしてクリックアウト > エラーメッセージが表示されます: OK
2. ページを更新し、「お気に入りの状態」をクリックし、「xxx」と入力してクリックアウト > エラーメッセージが表示される: OK
3. ここで、フィールドを更新しないで、フィールドをリセットしてください > エラーメッセージは表示されませんが、フィールドは赤です: 私にとっては機能していません。
4. 「xxx」をもう一度入力します。エラー メッセージは表示されません

エラーメッセージを正しく機能させるための解決策はありますか?

プランカーの例: https://plnkr.co/edit/AmTLs4mbRsxgSNjEKvhn md-autaucomplete フィールドのコード

ありがとう

md-autocomplete 要素を使用していますが、検索フィールドが空の場合にドロップダウンがありません。querySearch 関数も呼び出しません。何かを入力すると、関数がトリガーされ、オートコンプリートが機能します。私は何を間違っていますか？

HTML:

JavaScript: