Angular: Insert new array of FormGroup inside FormArray

Question

Below is my code.

getAccountAssociatedDetails(account, index) {
        if (!!account) {
            this.agreementDetailsService.getDetails(account)
                .subscribe((response) => {
                    console.log(response);
                    const rows = <FormArray>this.manualDetailsForm.get('rows');
                    let associatedDetailsArray = <Array<any>>response.associatedDetails;
                    let newItems = [];
                    for (let i = 0; i < associatedDetailsArray.length; i++)
                        newItems.push(this.buildDetail(associatedDetailsArray[i].account, associatedDetailsArray[i].huid, associatedDetailsArray[i].huidName, associatedDetailsArray[i].huidCountry));
                    rows.splice(index, 0, ...newItems);
                });
        }
    }

How to insert new array at a specific position of FormArray.

I'm getting error property splice does not exist on type FormArray. Please help me some other way to do this.

Thanks! Changed it to for (let i = 0; i < associatedDetailsArray.length; i++) rows.insert(index, this.buildTPIItem(associatedDetailsArray[i].account, associatedDetailsArray[i].huid, associatedDetailsArray[i].huidName, associatedDetailsArray[i].huidCountry)); — karthikaruna
– karthikaruna, Commented Sep 28, 2017 at 9:12

yurzui · Accepted Answer · 2017-09-28 09:14:22Z

1

You can use insert method

rows.insert(index, yourControl)

https://angular.io/api/forms/FormArray#insert

answered Sep 28, 2017 at 9:14

yurzui

215k32 gold badges450 silver badges413 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Angular: Insert new array of FormGroup inside FormArray

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related