将MD芯片输入字段边框红色在模糊上为空,如果为空



我真的是Angular(Angular Materials(的新手,我正在研究包含多个字段的形式(输入,具有自动完成的芯片(。在模糊上所需的输入,如果字段空白,它们会变成红色。芯片输入字段不会发生这种情况。是否有一种简单的方法可以实现?

假设自动完成字段是输入,则可以使用Angular Form验证添加或删除类,如果该字段已被触摸并确定无效。这样可以用这样的CS来完成:

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

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

另请参见:

1。" Angular自动在"必需"字段上自动添加'ng-Invalid'类

相关内容

最新更新