2

私はAngular(Angular Materials)に本当に慣れていないので、いくつかのフィールド(入力、オートコンプリート付きのチップ)を含むこのフォームに取り組んでいます。フィールドが空のままである場合、ブラーで必要な入力は赤に変わります。これは、チップ入力フィールドでは発生しません。それを実装する簡単な方法はありますか?

4

1 に答える 1

2

オートコンプリート フィールドが入力であると仮定すると、フィールドが触れられて無効であると判断された場合、Angular フォーム検証を使用してクラスを追加または削除できます。これは、次のような CSS で行うことができます。

input.ng-dirty.ng-invalid {
color: red;
}

また、入力が有効として設定したものを確認する必要があります。つまり、フィールドが特定の minlength を超えているか、チップ インデックスの長さが特定の量を超えています。

以下も参照してください。

1.「Angularは「必須」フィールドに「ng-invalid」クラスを自動的に追加します」

于 2017-04-20T01:35:36.697 に答える