Angular中patchValue处理FOTreesDetailsModel的treeInfoModel空值报错如何解决？

报错根因 #

• 待赋值的value.treeInfoModel为null或undefined，Angular的patchValue方法内部需要遍历传入对象的属性执行更新，空值会触发遍历逻辑异常
• this.fg.get('treeInfoModel')未拿到有效Form控件（比如控件未提前初始化、控件名拼写错误），对空值调用patchValue也会触发内部逻辑报错

修复方案 #

基础适配（FormGroup场景，匹配你的接口定义） #

先做空值兜底和控件存在性校验，再执行赋值操作：

// 空值合并运算符兜底，null/undefined 统一替换为空对象
const targetValue = value.treeInfoModel ?? {};
const treeInfoControl = this.fg.get('treeInfoModel');

// 确认控件存在后再赋值
if (treeInfoControl) {
  treeInfoControl.patchValue(targetValue);
}

如果你的项目不支持空值合并运算符，可将兜底逻辑替换为const targetValue = value.treeInfoModel || {};。

特殊适配（FormArray场景） #

如果treeInfoModel对应FormArray类型控件，调整兜底逻辑为数组即可：

// 非数组值兜底为空数组
const targetValue = Array.isArray(value.treeInfoModel) ? value.treeInfoModel : [];
const treeInfoControl = this.fg.get('treeInfoModel');

if (treeInfoControl) {
  treeInfoControl.patchValue(targetValue);
}

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