Angular Reactive Forms动态生成FormGroup后子组件绑定异常求助

1. 修复子组件输入属性绑定不匹配问题 #

子组件通过@Input()修饰的属性名是setPVerhaltForm，但父组件模板里绑定的属性名是pVerhaltForm，名称不一致导致值无法传递到子组件。
可选择任意一种方式修复：

• 方式一：修改父组件模板的绑定属性名

<app-pverhalt
  [setPVerhaltForm]="BBForm.get('gesellschafter.gesellschafterAngaben.'+i+'.angabenZurPerson.natuerlichePerson.anlagePV')"
  (myEmitter)="updatePVerhaltBBVFormValues($event, index, i)">
</app-pverhalt>

• 方式二：修改子组件输入属性名，符合常规命名规范

// 直接简化定义即可，无需额外写get/set除非有自定义逻辑
@Input() pVerhaltForm: FormGroup;

2. 修复变更检测未触发问题 #

当前代码中变更检测的调用没有加括号，属于属性引用而非方法执行，模板无法感知到表单的更新，子组件自然不会初始化：

// 错误写法
this.cd.detectChanges;
// 修复为方法调用
this.cd.detectChanges();

3. 修复表单路径不一致问题 #

添加控件时使用的路径是gesellschafterAngaben.gesellschafter. + index，但模板中取控件的路径是gesellschafter.gesellschafterAngaben. + i，层级顺序完全相反，导致拿到的是null值。需要统一两边的路径，和你实际定义的表单层级保持一致即可，例如确认添加控件的路径正确，就把模板里的取值修改为：

BBForm.get('gesellschafterAngaben.gesellschafter.'+i+'.angabenZurPerson.natuerlichePerson.anlagePV')

同时确认模板中写死的natuerlichePerson和你调用appendPersoenlicheVerhaeltnisse时传的typeOfPerson参数值一致。

4. 删除冗余的splice逻辑 #

你已经执行了this.hasAnlagePV[index] = true，后面的splice操作完全多余，还可能打乱数组的索引对应关系，直接删除该行代码即可：

// 删除该行冗余代码
// this.hasAnlagePV.splice(this.hasAnlagePV.indexOf(this.hasAnlagePV[index]), index, true);

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