我一直在尝试用formBuilder和formGroup创建一个表单，这是 typescript 文件：

constructor(
    private _userQueries: UserQueries,
    private _formBuilder: FormBuilder,
  ) { }

  ngOnInit(): void {
    this._userQueries.getCustomer().subscribe(({ data }) => {
      if (data) {
        this.customer = data.customer;

        this.updateInvoiceDates = this._formBuilder.group({
          billDate: [ this.customer.invoiceDates?.billDate, [Validators.required]],
          dueDate: [ this.customer.invoiceDates?.dueDate, [Validators.required]]
        });
      }
    });
  }

在模板中是这样的：

<form class="form" [formGroup]="updateInvoiceDates">
  <span class="subtitle">A continuación puedes definir las fechas de pago:</span>
  <div class="options">
    <span>Fecha oportuna de pago:</span>
    <div class="option-wrapper">
      <mat-form-field class="option">
        <mat-label>Día</mat-label>
        <input matInput formControlName="billDate" type="number" min="1" max="31">
      </mat-form-field>
      <p class="option-text">de cada mes.</p>
    </div>
    <span>Fecha límite de pago:</span>
    <div class="option-wrapper">
      <mat-form-field class="option">
        <mat-label>Día</mat-label>
        <input matInput formControlName="dueDate" type="number" min="1" max="31">
      </mat-form-field>
      <p class="option-text">de cada mes.</p>
    </div>
  </div>
</form>

dueDate字段的作用类似于一个超级字符，但billDate不起作用，返回：Error: Cannot find control with name: 'billDate'，它正好是dueDate字段的副本。customerInterface和getCustomer查询都返回billDate和dueDate，但只有第二个有效。