angularjs - 如果为空，则在模糊时将 md-chips 输入字段边框变为红色

Question

我对角度（角度材料）真的很陌生，我正在处理这个包含多个字段（输入、带有自动完成功能的芯片）的表单。所需的输入，在模糊时，如果该字段留空，它们会变成红色。筹码输入字段不会发生这种情况。有没有简单的方法来实现它？

score 2 · Accepted Answer

假设自动完成字段是一个输入，如果该字段已被触摸并被确定为无效，您可以使用 Angular 表单验证来添加或删除类。这可以通过这样的 CSS 来完成：

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

您还需要检查输入设置为有效的内容，即该字段超过某个最小长度或芯片索引的长度超过某个数量。

也可以看看：

1 回答 1