Angular Forms

This tutorial will help you to build Powerful and Dynamic data entry forms.

There are two type of Angular Forms (Template driven, Reactive driven)

Template driven

• Basic HTML + Databinding + Validation is done in HTML Template

Reactive Form

• Basic HTML + Databinding + Validation is done in Component Code
• Because we have more logic in a code reactive form provides more flexibility and handle more complex validation scenario.
• Easier unit test.

Forms Blocks

• FormControl
• FormGroup

Form Model

Form model is a data structure that represent the html forms.