Angular 如何向表单数组添加项

我在angular 2/4应用程序中使用被动表单，当我尝试将子表单组添加到表单数组时，我在控制台中收到以下错误消息：

html:84错误上下文 DebugContext{view:Object，nodeIndex:0，nodeDef:Object，elDef:Object，elView:Object}

它指向组件HTML中的这一行：

<tbody formArrayName="items">
   <tr *ngFor="let item of orderForm.controls.items.controls; let i=index" [formGroupName]="i">

这里是add函数

addItem(item?: any) {
   const itemsControl = <FormArray>this.orderForm.controls['items'];
   itemsControl.push(item != null ? item : this.initItems());
}

addItem（项目？：任何）{
const itemsControl=this.orderForm.controls['items']；
itemsControl.push（item！=null？item:this.initItems（））；
}

知道为什么在向数组添加新项时会抛出此错误吗

---

是否有更好的方法将项目添加到嵌套表单数组？

我这里有一个将项目添加到表单数组的示例：可能有什么可以帮助？传递给您的

addItem

函数的

item

可能是什么？我这里有一个将项目添加到表单数组的示例：可能有什么可以帮助？这是什么可能的

项

传递给您的

附加项

函数？

addItem(item?: any) {
   const itemsControl = <FormArray>this.orderForm.controls['items'];
   itemsControl.push(item != null ? item : this.initItems());
}