对于MatTable中的输入字段，删除FormGroup中的FormArray行是不正确的

import { FormGroup, FormBuilder, FormArray } from '@angular/forms';
import { MatTableDataSource } from '@angular/material/table';

constructor(private fb: FormBuilder) {
  this.formGroup = this.fb.group({
    // 创建一个空的 FormArray
    formArray: this.fb.array([])
  });

  this.dataSource = new MatTableDataSource([]);
}

<table mat-table [dataSource]="dataSource">
  <!-- 列定义 -->
  <ng-container matColumnDef="inputField">
    <th mat-header-cell *matHeaderCellDef> Input Field </th>
    <td mat-cell *matCellDef="let element; let i = index;">
      <!-- 使用 formArrayName 和 formControlName 绑定表单控件 -->
      <input formControlName="inputField" placeholder="Input Field" [value]="element.inputField">
    </td>
  </ng-container>

  <!-- 列绑定 -->
  <tr mat-row *matRowDef="let row; columns: displayedColumns;"></tr>
</table>

// 添加行
addRow() {
  const formArray = this.formGroup.get('formArray') as FormArray;
  formArray.push(this.fb.group({
    inputField: [''] // 添加表单控件
  }));

  this.dataSource.data = formArray.controls; // 更新表格数据源
}

// 删除行
deleteRow(index: number) {
  const formArray = this.formGroup.get('formArray') as FormArray;
  formArray.removeAt(index);

  this.dataSource.data = formArray.controls; // 更新表格数据源
}