ng-invalid in angular input 只是在提交时

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 开发者指南 - 表单