We use them to collect data from the user. For Example, users login information, updating his profile or placing an order, etc. In this Angular Forms tutorial and in the subsequent tutorials that follow, we learn about Angular Forms, their building blocks, how to create Reactive & Template driven forms, etc.

The Validator class in Angular provides a set of built-in validator functions that validate the form controls. A few example of validators are min, max, required, email, pattern and so on. Dynamic Form? A form generated or modified at the run time based on the application state or user interaction is called a dynamic form.

When you imported the FormsModule in your component, Angular automatically created and attached an NgForm directive to the <form> tag in the template (because NgForm has the selector form that matches <form> elements). To get access to the NgForm and the overall form status, declare a template reference variable.

Angular takes two approaches to build the forms. One is Template-driven forms approach and another one is Reactive forms or model-driven forms approach In Template-driven approach is the easiest way to build the Angular forms. The logic of the form is placed in the template.