6

在 AngularJS 中,您可以使用指令设置输入以延迟验证

link(scope, elem, attr, ngModel) {
    ngModel.$overrideModelOptions({
        updateOn: 'default blur',
        debounce: {
            blur: 0,
            default: 500,
        },
    });
}

它的作用是:当输入改变时,在输入从有效/无效验证之前给出 500 毫秒的延迟。

在 Angular2+ 中,这似乎更加困难。我想我可以用 observables 监听变化并以这种方式更新验证,但我如何告诉初始输入不验证?

4

1 回答 1

10

由于 Angular 5.0 可以更好地控制何时运行表单验证。您可以将验证配置为在选项上运行blursubmit使用updateOn选项运行。

  1. 反应形式示例:

将在表单控件模糊上运行验证器:

new FormControl(null, {
  updateOn: 'blur'
});

提交表单后将运行验证器:

new FormGroup({
  fistName: new FormControl(),
  lastName: new FormControl()
}, { updateOn: 'submit' });
  1. 模板驱动形式:

将在表单控件模糊上运行验证器:

<input [(ngModel)]="firstName" [ngModelOptions]="{updateOn: 'blur'}">

提交表单后将运行验证器:

文档中的更多信息

正如评论中提到的那样,您也可以订阅表单值更改流,但如果您对延迟表单验证感兴趣,您可能应该查看该updateOn属性。

于 2018-04-05T20:28:40.450 回答