Creating your first template-driven Angular form

Let's start getting familiar with Angular forms in this recipe. In this one, you'll learn about the basic concepts of template-driven forms and will create a basic Angular form using the template-driven forms API.

Getting ready

The project for this recipe resides in chapter08/start_here/template-driven-forms:

1. Open the project in Visual Studio Code.
2. Open the terminal and run npm install to install the dependencies of the project.
3. Once done, run ng serve -o.

   This should open the app in a new browser tab and you should see the following view:

Figure 8.1 – Template-driven forms app running on http://localhost:4200

How to do it…

We have an Angular app that already has a release log component and a bunch of things set up, such as the ReleaseLog class under the src/app/classes folder. So, in this recipe, we'll create a template-driven form to allow the user...