Angular中unitCost对应的FormControl无法通过patchValue更新问题

针对你遇到的下拉选择treatment后，unitCost输入框无法同步更新的问题，给出以下排查和解决步骤：

1. 确认表单控件初始化是否正确 #

首先检查itemsFormArray中每个FormGroup是否正确包含unitCost控件。比如新增行的方法里，要确保初始化了该控件：

addRow() {
  this.itemsFormArray.push(this.fb.group({
    item: [''],
    unitCost: [''] // 或根据需求设置初始值，比如0
  }));
}

如果unitCost控件未被正确初始化，patchValue自然不会生效。

2. 替换patchValue为setValue直接更新控件 #

有时候patchValue的字段匹配或类型转换可能存在隐性问题，改用setValue直接定位到控件更新更可靠：
修改TS代码中的更新逻辑：

// 替换原来的patchValue代码
const unitCostControl = selectedItem.get('unitCost');
if (unitCostControl) {
  // 确保类型匹配，比如price是数字的话转成字符串，或者根据控件类型调整
  unitCostControl.setValue(selectedTreatment.price.toString());
}

3. 检查类型匹配问题 #

如果selectedTreatment.price是数字类型，而unitCost控件绑定的是输入框（默认是字符串），直接传入数字可能导致视图不更新。确保传入的值类型与控件预期一致：

• 如果控件初始化是字符串类型：转成字符串传入
• 如果控件是数字类型：确保传入数字（比如Number(selectedTreatment.price)）

4. 触发变更检测（针对OnPush策略） #

如果你的组件使用了ChangeDetectionStrategy.OnPush，手动更新表单后可能需要触发变更检测：
先注入ChangeDetectorRef：

import { ChangeDetectorRef } from '@angular/core';

constructor(private cdr: ChangeDetectorRef) {}

然后在更新控件后调用：

this.cdr.detectChanges();

5. 验证表单值是否真的更新 #

查看你代码中的console.log(selectedItem)输出，确认unitCost的value字段已经被正确赋值。如果控制台里值是对的但视图没变化，那大概率是变更检测或绑定问题，检查HTML中formControlName="unitCost"是否拼写正确，以及[formGroupName]="i"是否正确绑定。

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