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

Question

我试图在 angular 中构建一个表单，当您在字段上模糊并且该字段位于无效的 state 中时，它会在字段边缘周围添加一个 2px 红色边框，问题是当触摸一个输入字段时，它们都会继承触摸是因为 ngform object 将 ng-touched class 应用于表单元素，而表单元素又继承了所有输入。 做我正在寻找的正确方法是什么？

我认为问题所在的图片
仅应突出显示其中之一
HTML
CSS

Answer 1

如果您想单独使用 ngModel，请使用模板引用变量

#myTemplateVar="ngModel"

否则，如果您想使用 [(ngModel)] 进行绑定，请参阅Angular 文档模板驱动形式

而且，请最好写代码，不要使用图像，如果你写代码，select 它并使用 Ctrl+K 它的格式为代码