Angular 表单重置后反应式表单自定义验证器不起作用
Angular Reactive form custom validators doesn't work after form reset
我一直在使用响应式表单,但是现在我在重置它时遇到了问题。我的目标是对 table 条记录进行内联 CRUD 操作。
创建表单:
formGroupName.formBuilder.group({
fieldName: '',
fieldName1: ''
}, { validator: CustomValidator });
表格重置:
formGroupName.reset({
fieldName: ['', Validators.required],
fieldName1: ['', Validators.required]
});
在添加记录时,我在 table 的顶部显示了一个表单,并且我还执行了 this.formGroupName.reset() 函数。然后我重置它并单击添加按钮表单被重置并且 CustomValidator 根本不起作用,而其他验证器(必需)工作正常。我通过用补丁值替换重置来尝试同样的事情。
当我在重置函数之后再次编写用于创建表单的代码时,自定义验证器确实起作用,我觉得这不是正确的解决方案,因为它让我在调用重置函数之前和之后再次编写相同的代码。
请指教
在 FormReset 上试试这个。为我工作
formGroupName.reset({
fieldName: ('',[ Validators.required, CustomerVaidator]),
fieldName1: ('',[ Validators.required, CustomerVaidator])
});
我一直在使用响应式表单,但是现在我在重置它时遇到了问题。我的目标是对 table 条记录进行内联 CRUD 操作。
创建表单:
formGroupName.formBuilder.group({
fieldName: '',
fieldName1: ''
}, { validator: CustomValidator });
表格重置:
formGroupName.reset({
fieldName: ['', Validators.required],
fieldName1: ['', Validators.required]
});
在添加记录时,我在 table 的顶部显示了一个表单,并且我还执行了 this.formGroupName.reset() 函数。然后我重置它并单击添加按钮表单被重置并且 CustomValidator 根本不起作用,而其他验证器(必需)工作正常。我通过用补丁值替换重置来尝试同样的事情。
当我在重置函数之后再次编写用于创建表单的代码时,自定义验证器确实起作用,我觉得这不是正确的解决方案,因为它让我在调用重置函数之前和之后再次编写相同的代码。
请指教
在 FormReset 上试试这个。为我工作
formGroupName.reset({
fieldName: ('',[ Validators.required, CustomerVaidator]),
fieldName1: ('',[ Validators.required, CustomerVaidator])
});