How to validate a reactive form in Angular 9 using model-driven approach.

In this article I will explain to you how to properly validate an Angular 9 reactive form using a model-driven approach.

1 — Create a new Angular 9 application

To demonstrate how a reactive form can be properly validated in an Angular 9 application we will need to start off by creating an empty Angular 9 application.

If you want a detailed step-by-step tutorial showing you how to create a new Angular 9 application, I have written an article that details the process. You can see it here:

How to start a new Angular 9 Project in few easy steps

In VScode terminal run the following command:

ng new ReactiveFormValidationAngular

and follow the prompts on the screen. Creating the application will take few minutes to download all of the necessary dependencies. Once the appliction is completed successfully you will get a prompt in the terminal indicating so.

2 — What is a reactive form

A reactive form provides a model-driven approach for handling for inputs whose values change over time.