轉MD-芯片輸入字段邊框紅色模糊，如果空

Question

我真正的新角（角材）和我正在這種形式，它包含幾個字段（輸入，芯片與自動完成）上。 需要的輸入，模糊時，如果該字段留空，則它們變爲紅色。這不會發生在芯片輸入字段。 有沒有簡單的方法來實現呢？

Answer 1

假設自動完成字段輸入，你可以用角表單驗證，添加或刪除類，如果該領域已被觸摸和被確定爲無效。這可以用CSS來實現這樣的：

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

你還需要檢查什麼輸入已經設置爲有效，即該領域超過一定使用MINLENGTH或芯片指數的長度超過一定數額。

參見：

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