html - 如何阻止字段从其父元素继承 ng-touched 类

Question

我试图构建一个 Angular 表单，当你在一个字段上模糊并且该字段处于无效状态时，它会在字段的边缘周围添加一个 2px 的红色边框，问题是当一个输入字段被全部触摸时它们中的一个继承了 touched ，因为 ngform 对象将 ng-touched 类应用于表单元素，而表单元素又继承了所有输入。做我正在寻找的事情的正确方法是什么？

Picture of what I think the issue is
Only one of these should be highlighted
HTML
CSS

Answer 1

如果你想单独使用 ngModel 使用模板引用变量

#myTemplateVar="ngModel"

否则，如果您想使用 [(ngModel)] 进行绑定(bind)，请参阅 Angular docs template driven form

而且，拜托，最好写代码，不要使用图像，如果你写代码，选择它并使用 Ctrl+K 它被格式化为代码