Ошибка: не удается найти элемент управления с путем: 'formArrary -> 0' - PullRequest
0 голосов
/ 13 февраля 2020

Я пытаюсь добавить поля ввода динамически на основе введенного значения в поле ввода здесь, и у меня есть код ниже, но он дает мне некоторую ошибку ниже, я не мог понять, какой беспорядок я делаю здесь

Ошибка ::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:''})) }

Здесь я могу добавить поле ввода динамически, но получаю вышеуказанную ошибку а также.

Может кто-нибудь помочь мне с тем, что я здесь делаю?

Спасибо

...