提交时ng-输入角度无效

时间:2019-04-09 20:41:25

标签: javascript angularjs

我有一个有趣的问题要解决,但是我不知道如何解决, 我在视图中有一个动态输入,并且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”:

enter image description here

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

1 个答案:

答案 0 :(得分:1)

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

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

有关更多信息,请参见