Я пытаюсь добавить поля ввода динамически на основе введенного значения в поле ввода здесь, и у меня есть код ниже, но он дает мне некоторую ошибку ниже, я не мог понять, какой беспорядок я делаю здесь
Ошибка ::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:''})) }
Здесь я могу добавить поле ввода динамически, но получаю вышеуказанную ошибку а также.
Может кто-нибудь помочь мне с тем, что я здесь делаю?
Спасибо