Reporting new issues

One of the main features of our issue-tracking system is the ability to report new issues. We will use Angular reactive forms to create a form for adding new issues. The feature can be further subdivided into the following tasks:

• Setting up reactive forms in an Angular application
• Creating the report issue form
• Displaying a new issue in the list
• Validating the details of an issue

Let’s begin by introducing reactive forms in our Angular application.

Setting up reactive forms in an Angular application

Reactive forms are defined in the @angular/forms npm package of the Angular framework. To add them to our Angular application:

1. Open the app.module.ts file and import ReactiveFormsModule:

   import { ReactiveFormsModule } from '@angular/forms';
   

2. Add ReactiveFormsModule into the imports array of the @NgModule decorator:

   @NgModule({
     declarations: [
       AppComponent,
   ...