Grouping of Form Controls | Reactive Form | Angular 13+

In this lecture, you will learn how to group form controls together in a reactive form. We have already seen how to group form controls in a template driven forn. There we use formGroup directive on a container element to group form controls together. In case of a reactive form, the grouping logic is written in the typescript class. Here, we create an instance of FormGroup class and to its constructor, we pass an object where we define the form controls like a key-value pair. Let’s see how to create and use a form group in case of a reactive form.