md-chip入力フィールドの境界線を赤にするとぼんやりします。

Question

私は角型の新素材です。このフォームにはいくつかのフィールド（入力、チップにオートコンプリートあり）があります。 フィールドが空の場合は、ぼかしの際に必要な入力は赤になります。それはチップの入力フィールドには起こりません。 これを実装する簡単な方法はありますか？

Answer 1

オートコンプリートフィールドが入力であると仮定すると、フィールドがタッチされ無効であると判断された場合、角度フォームの検証を使用してクラスを追加または削除できます。これは、このようにCSSで行うことができます。フィールドは、特定のMINLENGTHの上にあるか、チップ指数の長さが一定量を超えている。すなわち

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

はまた、入力が有効に設定しているかどうか確認する必要があります。 。

も参照してください：

1. "Angular automatically add 'ng-invalid' class on 'required' fields"