Angular 如何修复=>；正式的。找不到路径为的控件

我试图使用反应式表单和formArray创建一些表单，但是我尝试了，我得到了这个错误“formArray.找不到带有路径的控件”

我需要绑定这些字段并更新我的数组，以便稍后发送回api

我试着改变名字，formcontrolname，formcontrolname，formArrayName

恩戈尼尼特（）{
this.formGroundUse=this.fb.group({
出版:对,，
groundUses:this.fb.array（[]）
});
this.dataModel=Object.create（null）；
const groudUse=this.formGroundUse.controls.groundUses作为FormArray；
this.tableData.forEach（（项，索引）=>{
格劳杜斯推(
本集团({
标题：新表单控件（项目标题），
值：新表单控件（项值），
百分比：新表单控件（项目百分比）
})
);
控制台日志（groudUse）；
});
this.formGroundUse.valueChanges
.订阅（数据=>{
this.dataModel=数据；
console.log（'listing'）；
});
}

{{data.title}{{i}
Área（Ha）
{{data.percentage}

---

我需要将这些字段绑定到我的ts以创建一些计算，但我只得到数据模型中的旧值。

与给定的

html

和

ts

存在一些不匹配。不需要在文本框

formControl

中使用

value

，取下那个东西。您可以参考下面的示例

HTML

{{data.title}
Área（Ha）
{{data.percentage}
<ng-container formArrayName="groundUses"
            *ngFor="let data of formGroundUse.controls['groundUses']?.controls; let i = index">

            <tr [formGroup]="groundUses.controls[i]">
              <!-- *ngFor="let data of tableData"> -->
              <td class="table-subtitle">{{data.title}} {{i}}</td>
              <td class="input-container">
                <label for="">Área (Ha)</label>
                <!--  formControlName="{{data.title}}"  -->
                <input type="text" [disabled]="!technicalData.edit" class="form-input" [value]="data.value"
                  (change)="updateItem($event)" formControlName="value">
              </td>
              <td>{{data.percentage}}</td>
            </tr>
          </ng-container>