我对 Angular ( Angular Material )非常陌生,我正在处理包含多个字段(输入、具有自动完成功能的芯片)的表单。 模糊时所需的输入,如果该字段留空,它们会变成红色。芯片输入字段不会发生这种情况。 有没有简单的方法来实现?
最佳答案
假设自动完成字段是一个输入,如果该字段已被触摸并被确定为无效,则可以使用 Angular 表单验证来添加或删除类。这可以通过 CSS 来完成,如下所示:
input.ng-dirty.ng-invalid {
color: red;
}
您还需要检查输入设置为有效的内容,即字段超过特定的最小长度或芯片索引的长度超过特定的量。
另请参阅:
1. "Angular automatically add 'ng-invalid' class on 'required' fields"
关于angularjs - 如果为空,则将 md-chips 输入字段边框变为模糊红色,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/43499442/