从 Angular 中的反应式 Forms 中的表单组中获取数组的值

Question

I have a list of form groups in a control. I am trying to get array of values from the array from form groups in typescript

tableGroupData : FormGroup;
CustomerForm = this.formBuilder.group(
    {
      Name: '',
      AddressTable: ''
    },
this.CustomerForm.patchValue({
     AddressTable: this.tableGroupData.controls
            });
const values = this.tableGroupData.controls.map(x => x.values) // This does not work because there is no map function for controls.

Controls is just an array of FormGroup. Here is an image. How can I just get the array of values from FormGroup?

Answer 1

const values=[];
this.tableGroupData.controls.foreach(control=> { values.push(control.value) }

hope it will work for you

Answer 2

If you have nested formGroups, you can instead use a formArray and then access the values of the formGroups with formArray.value . As a result you get an array of objects with the values of each control of that formGroup. If you just need the values you could then map them out of each object.

See this StackBlitz