javascript - 通过更新 $scope 模型更正条目后清除 Angular 形式验证

Question

我有一个字段:

<input type="text" class="form-control" name="username" ng-model="user.username" ng-minlength="3" ng-maxlength="20" required ng change="checkUsername()">
<p ng-show="username_taken"  class="help-block">This username is taken.  
<a href="javascript:void(0);" ng-click="suggestUsername()">Shall we suggest one?</a></p>

用户单击“我们建议吗？”后，会调用 suggestUsername() 函数，并使用唯一的用户名填充用户名 ($scope.user.username)，这会更新模型，但表单验证 $valid 状态为未清除。

在更新模型后，如何告诉 Angular 重新验证表单？

感谢您的帮助!

Answer 1

调用 $setPristine() 到表单

https://docs.angularjs.org/api/ng/type/form.FormController

示例:

您的 HTML:

<form name="yourFormName" id="form" novalidate>
   <!-- your form controls here -->
</form>

您的 Controller :

// set to pristine, ONLY clears CSS styling, etc...
$scope.yourFormName.$setPristine();

// update your model values as well