如何删除 Angular 表单组中的特定错误

Posted

技术标签:

【中文标题】如何删除 Angular 表单组中的特定错误【英文标题】:How to remove specific errors in Angular Form Group 【发布时间】:2020-10-14 04:59:23 【问题描述】:

目前我正在尝试在 Angular 表单中创建动态验证,我发现了这个 Question。

将错误添加到字段中

this.form.get('field').setErrors( 'invalid': true );

删除字段的错误

this.form.get('field').setErrors(null);

我的问题是如何删除该字段中的特定错误?示例我有多个setErrors,我只想删除invalid 错误

【问题讨论】:

恐怕不能,用setError替换掉所有的错误。你总是可以使用setErrors(Validators.required) 或有一系列错误[Validators.required,Validators.minLenght(3)] 并使用setErrors(errorsArray) 但我想这不是你想要的 【参考方案1】:

我相信这应该可行:

this.form.get('field').setError('invalid': null)

【讨论】:

嗨,安娜,它不起作用。无效错误设置为 null,但该字段检测到它们是错误的。我只想删除一个特定的错误,因为当我使用 setError(null) 时,甚至 required 验证也会被删除。

以上是关于如何删除 Angular 表单组中的特定错误的主要内容,如果未能解决你的问题,请参考以下文章

如何根据 Angular 2 中的自定义验证规则显示错误消息?

如何将管道与表单组中的类别匹配

使用 jQuery 清除单选按钮组中的错误时遇到问题

Swift flatMap:如何从数组中仅删除元组中特定元素为零的元组?

Angular 表单:如何动态添加/删除子表单组件

如何在 HTML 表单中创建两组单选按钮以及 A 组中的更改何时会在 B 组中更改?