angularjs - 如何防止 AngularJS 第一次验证表单控件

Question

我的表单有一些输入控件，这些控件与 Controller 的范围数据绑定(bind)。根据用户选择，我通过使用 ng-model 输入控件来限制所选项目。

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

用于突出显示无效值的类。

.ng-invalid { border-color:red;  }

但是当用户想要添加新产品时，我会创建一个空对象并将其添加到 Controller 的范围数据中。第一次创建新项目时，我不想用红色突出显示所有内容，因为所有内容都是空的。

有什么方法可以让我在他们的焦点上突出显示无效输入，然后它将显示为无效，直到使用将一些有效值放入其中。

当使用选择任何现有数据时，我正在验证对该移动的控制。

谢谢

Answer 1

您可以使用表单的 $pristine 作为您的类(class)的条件。