在 Angular 反应式表单中使用 updateOn: 'blur'

Question

我想仅在用户离开字段时才开始验证表单字段 (onblur)。

我正在尝试这种方式：

    this.profileForm = this.fb.group({
                firstName: ['initial value',
                    [Validators.required, Validators.minLength(2), forbiddenNameValidator(/bob/i)],
                    [forbiddenNameValidatorAsync()],
                    { updateOn: 'blur' }
                ],
                lastName: ['b']
            });

但是这种方式是行不通的。 验证（同步和异步）在 onChange 期间执行。

我还想问您如何通过检查lastName 来验证姓名。

示例：如果 name 字段与姓氏相同，我希望禁用 name 字段（仅 name 字段，不是整个表单，而不是两个字段）。

Answer 1

设置参数为AbstractControlOptions

    firstName: ['initial value',{
         validators: [Validators.required, Validators.minLength(2), forbiddenNameValidator(/bob/i)],
         asyncValidators: [forbiddenNameValidatorAsync()],
         updateOn: 'blur'
    }],

这里的例子https://stackblitz.com/edit/angular-hdna17?file=src%2Fapp%2Fhello.component.ts