如果为空，将md-chips输入字段边框变为模糊

Question

我对角度（角度材料）很新，我正在处理这个包含几个字段的表单（输入，自动完成的芯片）。 模糊时所需的输入，如果字段为空，则变为红色。这不会发生在芯片输入字段中。 有没有一种简单的方法来实现它？

Answer 1

假设自动填充字段是输入，如果触摸了字段并且确定无效，则可以使用Angular表单验证来添加或删除类。这可以通过CSS完成：

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

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

另见：

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