javascript - 如何以 Angular react 形式迭代 FormGroup 中的 FormArray

Question

我的表单结构如下图所示

-MainForm(ParentForm)
 -FormGroup(MedicineGroup)
  -FormArray(MedicineArray)

我想迭代 MedicineArray 为此，我做了一些研究并编写了以下代码

for (let control of soForm.get('MedicineGroup').controls['MedicineArray'].controls) {
    medObj.name.push(control.controls['MedName'].value);
  }

代码运行良好，但我收到一条警告，上面写着

Property 'controls' does not exist on type 'AbstractControl'.

是否有任何其他或更好的方法来迭代 FormGroup 中的 FormArray？

Answer 1

您可以尝试使用 ['controls'] 而不是 .controls:

for (let control of soForm.get('MedicineGroup')['controls']['MedicineArray']['controls']) {
    // ...
}

另一种选择是:

const formArray = soForm.get('MedicineGroup.MedicineArray') as FormArray;
console.log(formArray);

使用点表示法访问嵌套控件是一种很好的做法。