Angular Reactive表单自定义验证器在表单重置后不起作用

时间:2018-03-14 10:41:48

标签: angular angular-reactive-forms

我一直在使用反应形式,但是现在我在重置它时遇到了问题。我的目标是将CRUD操作内联到记录表中。

创建表单:

formGroupName.formBuilder.group({
    fieldName: '',
    fieldName1: ''
}, { validator: CustomValidator });

表单重置:

formGroupName.reset({
    fieldName: ['', Validators.required],
    fieldName1: ['', Validators.required]
});

在添加记录时,我会在表格的顶部显示一个表单,并且还执行 this.formGroupName.reset()功能。然后我重置它,然后单击添加按钮表单重置并且 CustomValidator 根本不起作用,而其他验证器(必需)可以正常工作。我通过用补丁值替换重置来尝试相同的事情。

当我在重置函数之后再次编写用于创建表单的代码时,自定义验证器可以正常工作,我觉得这不是正确的解决方案,因为它使我在调用重置函数之前和之后再次编写相同的代码。

请告知。

1 个答案:

答案 0 :(得分:0)

在FormReset上

试试这个。为我工作

formGroupName.reset({
    fieldName: ('',[ Validators.required, CustomerVaidator]),
    fieldName1: ('',[ Validators.required, CustomerVaidator])
});