How to get values from FormArray - Angular Reactive Forms

Question

SectionService form

this.form = this.fb.group({
      siteDestinationSectionsList: this.fb.array([this.siteDestinationSectionsListGroup]),
   // removed rest
    });

siteDestinationSectionsListGroup =
     this.fb.group({
      siteCodeId: ['',Validators.required],
      description: [''],
// removed rest
    });

component.ts

get siteDestinationSectionsListArray() {
    return this.techneSectionForm.get('siteDestinationSectionsList') as FormArray;
  }

I try to get the values of siteDestinationSectionsListArray

console.log("siteDestinationSectionsListArray", this.siteDestinationSectionsListArray);

In console

I want the value of siteCodeId. How can I get that?

I tried with console.log("siteDestinationSectionsListArray.value", this.siteDestinationSectionsListArray.value); But I got [ { "siteCodeId": "", "description": "", "links": [], "images": [] } ] Here siteCodeId is "" But The siteDestinationSectionsListArray has siteCodeId is 3. Why I could not get siteCodeId as 3 ?

Pedro Bezanilla · Accepted Answer · 2022-04-29 09:08:24Z

2

this.siteDestinationSectionsListArray.at(index)

and then you can access the field that you want, in your case .siteCodeId

answered Apr 29, 2022 at 9:08

Pedro Bezanilla

1,38518 silver badges24 bronze badges

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

Comments

jna · Accepted Answer · 2022-04-29 09:12:23Z

2

You should be able to get it by using the FormArray's at(index) method.

this.siteDestinationSectionsListArray.at(0).value.siteCodeId

answered Apr 29, 2022 at 9:12

jna

99610 silver badges20 bronze badges

Collectives™ on Stack Overflow

How to get values from FormArray - Angular Reactive Forms

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related