{"id":201309,"date":"2024-11-15T10:48:20","date_gmt":"2024-11-15T10:48:20","guid":{"rendered":"https:\/\/namso-gen.co\/blog\/how-to-get-formarray-value-in-angular-8\/"},"modified":"2024-11-15T10:48:20","modified_gmt":"2024-11-15T10:48:20","slug":"how-to-get-formarray-value-in-angular-8","status":"publish","type":"post","link":"https:\/\/namso-gen.co\/blog\/how-to-get-formarray-value-in-angular-8\/","title":{"rendered":"How to get FormArray value in Angular 8?"},"content":{"rendered":"

To get the value of a FormArray in Angular 8, you need to access the controls property of the FormArray, which is an array of AbstractControl objects representing the form controls in the FormArray. You can then iterate over these controls to get their values.<\/p>\n

Here is a step-by-step guide to getting the value of a FormArray in Angular 8:<\/p>\n

1. Get a reference to the FormArray in your component:
\n“`typescript
\nformArray: FormArray;
\n“`<\/p>\n

2. Initialize the FormArray in your component’s constructor or ngOnInit:
\n“`typescript
\nthis.formArray = new FormArray([
\n new FormControl(‘value1’),
\n new FormControl(‘value2’),
\n]);
\n“`<\/p>\n

3. To get the value of the FormArray, you can use the controls property and map over the controls to extract their values:
\n“`typescript
\nconst formArrayValues = this.formArray.controls.map(control => control.value);
\nconsole.log(formArrayValues);
\n“`<\/p>\n

By following these steps, you can easily get the value of a FormArray in Angular 8.<\/p>\n

\n
\n

Table of Contents<\/p>\nToggle<\/span><\/path><\/svg><\/svg><\/span><\/span><\/span><\/a><\/span><\/div>\n