CODEWITHSUNDEEP
angularangular-reactive-forms
Michalis
Michalis

Reputation: 6926

Angular - Form Array push specific index

addStop() {
    const control = <FormArray>this.editForm.controls['stops'];
    control.push(this.initStop());
}

I have this code to add a "stop" at the bottom of the form array. But I want to add the new "stop" not to the last position, but one position before the last stop.

This doesn't work for example (not at all, I know that the numbers are wrong. Splice function doesn't exist at )

control.splice(2, 0, this.initStop());

Upvotes: 22

Views: 19744

Answers (1)

developer033
developer033

Reputation: 24894

Use FormArray#insert:

control.insert(<index>, this.initStop());

Upvotes: 46

Related Questions