how to read content from form array in angular?

Question

i have form array which input from user and then i want to read every single element from the form array and insert it into database using the web service but i''m unable to create a method for reading the element singularly . my form array code is as following :-

 createskillForm()
    {
      this.skillForm=this.formBuilder.group({
        skills:this.formBuilder.array([this.createskillFeild()])
      });
    }

and the create skill feild method is as follows :-

  createskillFeild():FormGroup
    {
      return this.formBuilder.group({
        skills:['',Validators.required]
      });
    }

please help me out as i'm unable to figure the method out?

You are not showing anywhere your attempt to reading the element singularily? And what specifically does that mean, if I understand you correctly, you mean iterating the formarray? — AVJT82
– AVJT82, Commented Apr 22, 2019 at 11:00

Ashish Ranjan · Accepted Answer · 2019-04-22 11:53:39Z

3

You can access the form array control like:

let myfArr = this.skillForm.get('skills') as FormArray

To get all the values from the form array, you could probably use something like:

let arrValues = myfArr.controls.map(eachGroup => eachGroup.value);

arrValues will be an array of values of all the formGroups in the from array.

Edit

If you just want to get the values of the form array, you can simply do:

this.skillForm.get('skills').value

edited Apr 22, 2019 at 11:53

answered Apr 22, 2019 at 11:05

Ashish Ranjan

13k5 gold badges32 silver badges53 bronze badges

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

Collectives™ on Stack Overflow

how to read content from form array in angular?

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