angular - 如何在 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

有两种方法可以实现-

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

或者，

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