Resolving an issue

The main idea behind having an issue tracking system is that an issue should be resolved at some point. We will create a user workflow in our application to accomplish such a task. We will be able to resolve an issue directly from the list of pending issues. The application will ask for confirmation from the user before resolving with the use of a modal dialog:

1. Create an Angular component to host the dialog:

   ng generate component confirm-dialog
   

2. Open the confirm-dialog.component.ts file and modify it as follows:

   import { Component, EventEmitter, Input, Output } from '@angular/core';
   @Component({
     selector: 'app-confirm-dialog',
     templateUrl: './confirm-dialog.component.html',
     styleUrls: ['./confirm-dialog.component.css']
   })
   export class ConfirmDialogComponent {
     @Input() issueNo: number | null = null;
     @Output() confirm = new EventEmitter<boolean>();
   }
   

   We use the @Input...