Angular ReactiveForms-FormArray中的嵌套FormGroup（未找到控件）

Question

我有以下formarray（在父级：formgroup中）：

someArray: this.fb.array([
{
   someGroup: this.fb.group(
   {name: 'value', type: 'value2;}
   )
}

我的html如下：

<fieldset formArrayName="someArray">
  <div *ngFor="let someValue of parents.controls.someArray.controls; let x = index" >

    <div [formGroupName]="x">
     <fieldset formGroupName="someGroup">

我收到以下错误：

Cannot find control at someArray -> 0 > someGroup

我希望在someArray的索引0处有一个formGroup somegorup，因此我可以在html中为其添加一个字段集。但是，事实并非如此。有人可以解释为什么吗？

欢呼

Answer 1

那是因为您创建了一个具有以下值的FormControl的FormArray：

{
   someGroup: this.fb.group(
     {name: 'value', type: 'value2}
   )
}

您正在寻找的是：

someArray: this.fb.array([
   this.fb.group({
      someGroup: this.fb.group(
        { name: 'value', type: 'value2' }
      )
   })
])

为FormArray构造元素时注意this.fb.group。

Ng-run Example