javascript - $setValidity 未实时更新 $valid 标志

Question

我正在使用使用指令实现的自定义表单输入验证器。在指令中，验证事件绑定(bind)到输入的模糊事件。因此，在模糊时，它使用 $setValidity 设置模型的有效性。但是，在模型的值再次修改之前，$valid 状态不会更新。换句话说，$valid 状态总是落后一个状态。

更具体地说，我正在使用 backlift.com 提供的 Angular Stripe 辅助库。这是我引用的代码块:Line 613 here.

在 View 中，我有这样的 div block :

<div class="field-box error" ng-show="myForm.field.$dirty && myForm.field.$invalid">
    <div class="alert-msg"><i class="icon-remove-sign"></i> Some friendly message</div>
</div>

知道为什么 $valid/$invalid 属性在 on-blur 事件执行后不会立即更新吗？仅供引用， _validate 方法正确完成其工作，并在预期时使用正确的值调用 $setValidity() 。

提前致谢。

Answer 1

scope.$digest 将解决您的问题。每当您在指令中集成非 Angular 插件时，请确保执行scope.$digest 以保持范围更新。