Angular嵌套FormGroup/FormArray赋值报forEach错误如何解决

value.forEach is not a function报错由两个核心问题触发，你当前的场景两个问题都存在：

• 第一，FormArray的setValue有强约束：传入的数组长度必须和当前FormArray内已挂载的控件数量完全一致，且每个元素的结构要和对应位置的控件结构完全匹配。你初始化firstArray时是空数组this._fb.array([])，哪怕初始化时调用createItem()加了1个默认项，长度也和后端返回的数组长度不匹配，内部遍历赋值时逻辑直接异常。
• 第二，未做数据兜底：如果后端返回的data.firstArray是null/undefined/普通对象而非数组类型，调用setValue时内部尝试遍历传入值就会直接报这个错。
• 额外代码隐患：你写的createItem方法存在拼写错误（formBuiler应为formBuilder），且temp1、temp2字段外层多包了一层数组，会导致控件结构和后端返回的对象结构不匹配，后续赋值也会出问题。

不要直接给长度不匹配的FormArray调用setValue，按以下步骤处理：

1. 先修正createItem方法的拼写和结构问题
2. 赋值前先清空目标FormArray的原有控件
3. 遍历后端返回的数组数据，逐条生成对应结构的FormGroup、填充值后再加入FormArray
4. 普通表单字段直接用patchValue批量赋值即可，不需要逐层写get().setValue()

可直接复用的代码如下：
首先修正表单项生成方法：

createItem() {
  // 修正拼写错误，temp1/temp2如果是嵌套对象结构就定义为FormGroup，不需要外层包数组
  return this.formBuilder.group({
      temp1: this.formBuilder.group({
          key1: [null], // 有校验规则可自行添加
          key2: [null]
      }),
      temp2: this.formBuilder.group({
          key3: [null],
          key4: [null]
      })
  })
}

然后写FormArray专用的赋值方法：

/**
 * 给指定路径的FormArray赋值
 * @param arrayPath FormArray在表单中的路径，比如'firstGroup.firstArray'
 * @param sourceData 后端返回的源数组数据
 */
patchArrayData(arrayPath: string, sourceData: any[] = []) {
  const formArray = this.myForm.get(arrayPath) as FormArray;
  // 清空原有控件
  formArray.clear();
  // 遍历数据生成控件
  sourceData.forEach(item => {
    const itemGroup = this.createItem();
    itemGroup.patchValue(item);
    formArray.push(itemGroup);
  });
}

最后在拿到后端返回数据的地方统一赋值：

// 先给所有普通表单控件赋值
this.myForm.patchValue({
  firstGroup: {
    isEnabled: data.isEnabled
  },
  secondGroup: {
    isEnabled: data.secondIsEnabled // 替换为你实际的后端字段名
  },
  thirdGroup: {
    isEnabled: data.thirdIsEnabled // 替换为你实际的后端字段名
  },
  firstName: data.firstName,
  lastName: data.lastName
});

// 再给三个嵌套FormArray赋值，兜底空数组避免后端返回null触发报错
this.patchArrayData('firstGroup.firstArray', data.firstArray ?? []);
this.patchArrayData('secondGroup.secondArray', data.secondArray ?? []);
this.patchArrayData('thirdGroup.thirdArray', data.thirdArray ?? []);

补充说明：如果你的业务场景中FormArray的项不需要动态增减、后端返回的数组结构和表单结构完全一致，也可以直接用this.myForm.patchValue()整体赋值，但空FormArray依然需要提前按数据长度生成对应控件，否则数组字段不会被正确填充。

内容的提问来源于stack exchange，提问作者Haris Ali