如何在 FormBuilder 中使用 updateOn 模糊

Question

我有一个自定义异步验证器，我想updateOn: 'blur'使用FormBuilder以下方法设置属性：

myForm = this.formBuilder.group({
   email: ['', [Validators.required], [this.myAsyncValidator]]
   // ...
});

我试过这个，但它不起作用：

email: ['', [Validators.required], [this.myAsyncValidator, {updateOn: 'blur'}]]

笔记

我不想像下面这样手动创建表单控件实例：

myForm = new FormGroup({
    email: new FormControl('', {asyncValidators: [this.myAsyncValidator]}, updateOn: 'blur')
});

Answer 1

我想为这个问题添加更多答案。

这是图书馆的代码：

因此，从您的问题来看，您似乎正在尝试设置updateOn电子邮件formControl并且正在设置 3 个参数。这是不正确的。

改变

myForm = this.formBuilder.group({
   email: ['', [Validators.required], [this.myAsyncValidator]]
   // ...
});

到

myForm = this.formBuilder.group({
   email: ['', {validators: Validators.required, asyncValidators: this.myAsyncValidator, updateOn: 'blur'}]
   // ...
});

Answer 2

有两种方法可以实现-

myForm = this.formBuilder.group({email: this.formBuilder.control('', {updateOn: 'blur', validators: [], asyncValidators: []})})

或者，

myForm = this.formBuilder.group({email: ['', {updateOn: 'blur', validators:[], asyncValidators: []}]})