Using Angular's forms module

Now, let's continue with the implementation of the application. For the next step, we'll work on the AddDeveloper and Home components. You can continue your implementation by extending what you currently have in ch6/ts/step-0, or if you haven't reached step 1 yet, you can keep working on the files in ch6/ts/step-1.

Angular offers two ways of developing forms with validation:

• A template-driven approach: This provides a declarative API where we declare the validations into the template of the component.

• A model-driven approach (also known as reactive forms): This provides an imperative, reactive API.

Let's start with the template-driven approach for now and explore the model-driven approach in the next chapter.

Developing template-driven forms

Forms are essential for each CRUD (Create Retrieve Update and Delete) application. In our case, we want to build a form for entering the details of the developers we want to store.

By the end of this section, we'll have a form...