angularjs - AngularJS 使自定义表单 field.error 表现得像“必需”

Question

我在发送时在客户端和我的 API 中验证我的表单。如果后端验证失败，我想显示与客户端验证失败时相同的消息。为此，当后端的字段失败时，我使用以下代码。

#Template
<span class="registration-error" ng-show="accPasswordForm.password.$error.required">*</span>
<span class="registration-error" ng-show="accPasswordForm.password.$error.authfail">Authentication failed</span>
<input ng-model="changePasswordForm.password" name="password" type="password" authfail required/>

#Controller ( I set this if the password field throws a validation error in my API )
scope.myForm.password.$setValidity('authfail', false);

这很好用，但问题是我希望在我再次开始输入密码字段时将此 $setValidity 设置为 true。与所需错误的行为相同。我尝试过以不同的方式来观察字段输入，但我似乎总是无法让它工作。

有人能给我一个提示/代码片段，告诉我如何设法让它工作吗？

Answer 1

或者你可以这样做：

#Template
<span class="registration-error" ng-show="accPasswordForm.password.$error.required">*</span>
<span class="registration-error" ng-show="server_error_auth || accPasswordForm.password.$error.authfail">Authentication failed</span>
<input ng-model="changePasswordForm.password" ng-change="server_error_auth=false" name="password" type="password" authfail required/>

#Controller ( I set this if the password field throws a validation error in my API )
$scope.server_error_auth = true;