错误：找不到路径为“ formArrary-> 0”的控件

Question

我正在尝试根据此处输入字段中的输入值动态添加输入字段，并且下面有代码，但它给了我一些下面的错误，我无法弄清楚我在这里做什么。

错误::45546 ERROR Error: Cannot find control with path: 'formArrary -> 0'

.html

<form [formGroup]='myForm'>

<input  (input)='add()'  formControlName="firstName" [(ngModel)]="inputValue"/>
    <div *ngIf="inputValue>'0'" class="add">
                <form [formGroup]='form'>
                    <div formArrayName="newArray">
                        <div class="row-add">
                            <div class="col-md-4"
                                *ngFor="let item of form.controls.newArray.controls; let i=index"
                                [formGroupName]="i">
                                <label class="control-label" >Size of each:</label>
                                <div class="form-group">
                                    <input class="form-control" 
                                        placeholder="i.e:10x10" formControlName="form1">
                                </div>
                            </div>
                        </div>

                    </div>
                </form>
            </div>
 </form>

.ts

  ngOnInit() {
 this.myForm= new FormGroup({
firstName: new FormControl("", Validators.compose([
      Validators.required
    ])),
})

  this.form = this.fb.group({
      newArray: this.fb.array([]),
     })

}



add() {(this.form.get('newArray') as FormArray).push(this.fb.group({form1:''})) }

在这里，我能够动态添加输入字段，但也会出现上述错误。

有人可以帮我解决我在这里遇到的麻烦吗？

谢谢