我试图构建一个 Angular 表单,当你在一个字段上模糊并且该字段处于无效状态时,它会在字段的边缘周围添加一个 2px 的红色边框,问题是当一个输入字段被全部触摸时它们中的一个继承了 touched ,因为 ngform 对象将 ng-touched 类应用于表单元素,而表单元素又继承了所有输入。做我正在寻找的事情的正确方法是什么?
Picture of what I think the issue is
Only one of these should be highlighted
HTML
CSS
最佳答案
如果你想单独使用 ngModel 使用模板引用变量
#myTemplateVar="ngModel"
否则,如果您想使用 [(ngModel)] 进行绑定(bind),请参阅 Angular docs template driven form
而且,拜托,最好写代码,不要使用图像,如果你写代码,选择它并使用 Ctrl+K 它被格式化为代码
关于html - 如何阻止字段从其父元素继承 ng-touched 类,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/58841752/