Angular Forms In Depth

This course is an in–depth guide to Angular template–driven and reactive forms, and it comes with a running Github repository.

This Course In a Nutshell

Angular is very often used to build in–house enterprise applications, which are usually quite form–intensive. This type of application usually has a large number of complex data entry forms, with all sorts of complex form validation rules.

Angular provides us with all the tools that we need to build these complex forms in a scalable and user–friendly way via the Angular Forms module.

There are two types of forms available: template–driven and reactive forms, and we will cover both types of forms in detail in this course. We will also compare them and explain when to use each form type and why.

Course Overview

We will start this course by implementing a simple form using template–driven forms and ngModel. We will understand exactly how ngModel and ngForm work under the hood and the several ways of using these directives for both data binding and form validation.

We will learn template–driven forms in detail, including how to build custom form validators using custom directives. Next, we will refactor the same template–driven form that we have built into a reactive form, and we will compare the two approaches.