如果为空，则将md-chip输入字段边框设置为红色

Question

我对angular (angular材质)真的很陌生，我正在处理这个包含多个字段(输入、带有自动完成功能的芯片)的表单。在模糊状态下，如果字段保留为空，则需要的输入将变为红色。芯片输入字段不会发生这种情况。有没有一种简单的方法来实现它？

Answer 1

假设自动完成字段是一个输入，如果字段已被触摸并被确定为无效，则可以使用角度表单验证来添加或删除类。这可以使用CSS来完成，如下所示：

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

您还需要检查输入设置为有效的内容，即字段是否超过特定的minlength或筹码索引的长度是否超过特定的值。

另请参阅：

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