ng-invalid 仅在提交时在角度输入中无效

Question

我有一个有趣的问题要解决，但我不知道怎么解决， 我的视图中有一个动态输入，并且 Angular 中的输入是实时验证的，但我不希望这样，输入类“ng-invalid”中的角度输入，我想在何时添加“ng-invalid”提交我的表格：

<div ng-if="conditionItem.field.id"
     ng-class="{'error': FieldConditionsCtrl.feedback.type === 'error'}"
     dynamic
     input-router << Here is my how generates the inputs
     source="conditionItem.field"
     ng-model="conditionItem.situation[$index]">
</div>

当我修改生成的输入时，AngularJS 在我的输入类中输入以下类“ng-invalid ng-empty”：

我想在提交时添加这些类以使边框变为红色。 对这个问题有帮助吗？

Answer 1

使用 ngFormController 的 $submitted 属性来限定 error 类的设置。

ng-class="{error: form1.$submitted && form1.field1.$invalid}"

有关详细信息，请参阅

• AngularJS Developer Guide - forms