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 開發者指南 - 表單