Angular动态表单控件值无法更新，求解决方案

你的问题出在表单结构的层级上：mobile控件并非直接属于顶层的dynamicFormGroup，而是嵌套在名为address的FormArray内部的每个FormGroup中，所以直接操作顶层表单的mobile控件或传递顶层mobile属性的patchValue无法定位到目标控件。

具体解决方法 #

1. 先获取目标FormArray

首先要拿到address这个表单数组：

const addressArray = this.dynamicFormGroup.get('address') as FormArray;

2. 更新指定索引项的mobile值

比如要更新第1个（索引0）地址项的手机号：

// 方式一：精准定位控件后设值
addressArray.at(0).get('mobile')?.setValue(444); // 注意mobile是number类型，建议传数字

// 方式二：通过patchValue更新整个子FormGroup
addressArray.at(0).patchValue({ mobile: 444 });

3. 更新所有地址项的mobile值

如果需要清空或统一设置所有手机号：

addressArray.controls.forEach(formGroup => {
  formGroup.get('mobile')?.setValue(''); // 若允许空值，也可以传null
});

4. 结合模板循环索引更新当前项

如果要在模板中触发当前循环项的手机号更新，可以把索引传入方法：
模板中添加触发元素：

<div class="row" formArrayName="address" *ngFor="let fields of AddressInfo.controls; let i = index">
  <ng-container [formGroupName]="i">
    <input type="number" formControlName="mobile" />
    <button (click)="updateCurrentMobile(i)">更新当前手机号</button>
  </ng-container>
</div>

组件中实现方法：

updateCurrentMobile(index: number) {
  const targetGroup = this.dynamicFormGroup.get(`address.${index}`) as FormGroup;
  targetGroup.patchValue({ mobile: 555 });
}

额外注意事项 #

• 确保组件中AddressInfo的定义正确指向address表单数组：

get AddressInfo() {
  return this.dynamicFormGroup.get('address') as FormArray;
}

• 由于mobile控件类型是number，设置值时尽量传递数字类型，避免字符串导致的类型不匹配问题。

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