How to fill a form consisting of formArray?

Question

Angular

There is a form which consists of formArray. I am unable to populate it with values. Please tell me how to do it. Here is my attempt:

const f = this.form.get('loadingPlaces') as FormArray;
f.push({
fio: data.fio,
phoneNumber: data.phoneNumber,
});

Here is the structure of the form:


Here is the error message:

ERROR TypeError: ctrl.updateValueAndValidity is not a function

Answer 1

public form = new FormArray([]);
public fio = new FormControl(data.fio);
public phoneNumber = new FormControl(data.phoneNumber);
ngOnInit() {
this.form.push(this.fio);
this.form.push(this.phoneNumber);
}
https://netbasal.com/angular-reactive-forms-the-ul...