如何防止AngularJS首次验证表单控件

如何防止AngularJS首次验证表单控件,angularjs,validation,ng-pattern,html5-validation,Angularjs,Validation,Ng Pattern,Html5 Validation,我的表单中有一些输入控件,这些控件与控制器的范围数据绑定。根据用户的选择,我使用ng模型输入控件来绑定所选项目 我使用ng maxlength、minlength、ng pattern和其他内置的验证指令来验证这些输入 类以突出显示无效值 .ng-invalid { border-color:red; } 但当用户想要添加新产品时,我会创建一个空对象并将其添加到控制器的范围数据中。 在第一次创建新项目时,我不想用红色突出显示每个项目,因为每个项目都是空的 是否有任何方法可以突出显示其焦点上的

我的表单中有一些输入控件,这些控件与控制器的范围数据绑定。根据用户的选择,我使用ng模型输入控件来绑定所选项目

我使用ng maxlength、minlength、ng pattern和其他内置的验证指令来验证这些输入

类以突出显示无效值

.ng-invalid { border-color:red;  }
但当用户想要添加新产品时,我会创建一个空对象并将其添加到控制器的范围数据中。 在第一次创建新项目时,我不想用红色突出显示每个项目,因为每个项目都是空的

是否有任何方法可以突出显示其焦点上的无效输入,并在使用前将其显示为无效,然后在其中放入一些有效值

当使用“选择任何现有数据”时,我将验证该移动的控制


谢谢

您可以使用窗体“
$pristine
作为类的条件。

也提供其余的代码。@Claies我正在添加带有属性的对象,默认情况下它们的值是未定义的。@Claies添加没有属性的对象也不起作用。如果不显示用于创建新对象的代码,而HTML上有验证规则,很难知道该建议什么。你可以使用链式css,即
.ng dirty.ng invalid