首页 > 解决方案 > 如何阻止字段从其父元素继承 ng-touched 类

问题描述

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

我认为问题所在的图片
只有其中一个应该突出显示
HTML
CSS

标签: htmlcssangular

解决方案


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

#myTemplateVar="ngModel"

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

并且,请最好编写代码,不要使用图像,如果您编写代码,请选择它并使用 Ctrl+K 它的格式为代码


推荐阅读