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

标签 html css angular

我试图构建一个 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/

相关文章:

javascript - 如何在 Angular2 中订阅服务事件?

html - CSS 文本并排对齐和垂直对齐

html - 如何在 CSS 中设置点击按钮的样式

jquery - 从右向左滑动切换 DIV

html - 如何并排放置文本和图像?

javascript - 从对象数组中获取单个属性数组

html - Angular 中的响应式页脚带有始终位于页面底部的 Bootstrap 。不粘

jquery - 使用追加返回[对象]?

html - aria-hidden=true 内部应用程序

html - 无法删除 Logo 图像的白边