首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >角2+中如何延迟输入验证

角2+中如何延迟输入验证
EN

Stack Overflow用户
提问于 2018-04-05 20:11:47
回答 1查看 6.2K关注 0票数 6

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

代码语言:javascript
运行
复制
link(scope, elem, attr, ngModel) {
    ngModel.$overrideModelOptions({
        updateOn: 'default blur',
        debounce: {
            blur: 0,
            default: 500,
        },
    });
}

这样做是:当输入发生变化时,在输入验证有效/无效之前,会给出500毫秒的延迟。

在Angular2+中,这似乎更加困难。我认为我可以用可观察的方式来听这些更改,并以这种方式更新验证,但是我如何告诉初始输入不验证呢?

EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2018-04-05 20:28:40

由于角5.0有更多的控制什么时候运行您的表单验证。可以使用blur选项将验证配置为在submitupdateOn上运行。

  1. 反应形式的例子:

将在窗体控件模糊上运行验证程序:

代码语言:javascript
运行
复制
new FormControl(null, {
  updateOn: 'blur'
});

将在表单提交后运行验证程序:

代码语言:javascript
运行
复制
new FormGroup({
  fistName: new FormControl(),
  lastName: new FormControl()
}, { updateOn: 'submit' });
  1. 模板驱动表单:

将在窗体控件模糊上运行验证程序:

代码语言:javascript
运行
复制
<input [(ngModel)]="firstName" [ngModelOptions]="{updateOn: 'blur'}">

将在表单提交后运行验证程序:

文档中的更多信息

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

票数 11
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/49680775

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档