Angular响应式表单：向FormArray推入FormGroup报错求助

问题原因 #

TypeScript 会根据空数组 [] 自动推断 FormArray 的元素类型为 never，这就导致你尝试推入 FormGroup 时出现类型不匹配的错误。

解决方案 #

你可以通过以下几种方式显式指定 FormArray 的元素类型，解决这个问题：

方法1：创建FormArray时指定泛型类型 #

直接在 FormArray 后声明泛型为 FormGroup：

public rules = new FormArray<FormGroup>([]);

方法2：利用FormBuilder创建带类型的FormArray #

如果项目中使用了 FormBuilder，可以通过类型断言初始化数组：

// 确保已在构造函数中注入FormBuilder（private _formBuilder: FormBuilder）
public rules = this._formBuilder.array([] as FormGroup[]);

方法3：通过类型断言初始化FormArray #

在空数组后添加类型断言，明确元素类型为 FormGroup：

public rules = new FormArray([] as FormGroup[]);

任选一种方法修改后，再调用 this.rules.push(group) 就不会再出现类型错误了。

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