Angular #72 - Reactive Form | Form Array with Form Group(Create Dynamic Form Group using Form Array)

*Note : Switch the particular branch of the tutorials of Github*

*Reactive Form - Form Array*

In Angular, the FormArray class is used to manage a collection of form controls within a FormGroup. It allows you to dynamically add or remove form controls, track their values, and validate the entire collection of controls as a group.
Here are some reasons why you might want to use FormArray in Angular:
Dynamic form controls: FormArray is useful when you have a variable number of form controls that need to be added or removed dynamically. For example, if you're creating a form for adding multiple email addresses or a list of items, FormArray provides a convenient way to manage these dynamic controls.
Simplified validation: FormArray allows you to apply validation rules to a group of form controls collectively. You can define validators for the FormArray itself, such as requiring a minimum or maximum number of controls, or you can define validators for individual controls within the array.
Data binding: Since FormArray is part of Angular's reactive forms approach, it integrates well with two-way data binding. You can easily bind the values of the form controls within the FormArray to your component's properties and vice versa, enabling seamless data synchronization.
Nested forms: FormArray can be used to create nested forms, where each form control in the array represents a sub-form. This allows you to build complex forms with hierarchical structures.
To use FormArray, you typically create an instance of it within a FormGroup and associate it with a specific form control in your template using the formArrayName directive. You can then use methods like push() and removeAt() to add or remove controls dynamically.

[anujpratapsingh]

Hi there good knowledge transformed by you, i am your 100th subscriber so my request is to build a series on Ngrx concept in angular.