Angular - Form creation

In this blog post, I will try to cover on how we can create forms in Angular.Angular provides more than one way to build forms for user input and the form validation.So, I am going to discuss two approach namely :-

• Template driven from
• Reactive form

1.Template-driven form

In template-driven form creation approach, form input and form validation logic is done in the component's html file only.Data binding is done using ngModel. It is really easy to pass data from component to template and requires less effort in development.

 

2.Reactive Form Approach

In the Reactive form creation approach, the validation code is written in component class and Angular call this function whenever there is a change of value in the input control.The variables are mapped to the form control.