在 Angular 14 中如何将 nonNullable 添加到具有验证的表单控件

Question

表单：表单组；

  createMyForm() {
    this.form = new FormGroup<any>({
      firstName: new FormControl<any>('', [Validators.required]),
      lastName: new FormControl<any>('', { nonNullable: true }),
    });
  }

如何将 { nonNullable: true } 添加到firstName

我正在尝试将 {nonNullable: true } 添加到表单控件。

姓氏：新 FormControl('', { nonNullable: true }),

我可以将 {nonNullable: true } 添加到没有验证的控件，但对于有验证的表单控件，我无法添加 {nonNullable: true }。

名字：new FormControl('', [Validators.required]),

Answer 1

createMyForm() {
    this.form = new FormGroup<any>({
      firstName: new FormControl<any>('', {
        nonNullable: true,
        validators: [Validators.required]
      }),
      lastName: new FormControl<any>('', { nonNullable: true })
    });
  }

如果所有字段都有nonNullable:true并且您可以轻松注入表单构建器，则可以使用NonNullableFormBuilder