Typical Angular Material Dialog Parent

dialog-parent-example.ts

@Component({
  selector: 'dialog-parent-example',
  templateUrl: 'dialog-parent-example.html',
  styleUrls: ['dialog-parent-example.css'],
})
export class DialogParentExample {
  constructor(public dialog: MatDialog) {}

  openDialog(): void {
    const dialogRef = this.dialog.open(DialogOverviewExampleDialog, {
      width: '250px',
      data: {name: 'Sample Dialog'}
    });

    dialogRef.afterClosed().subscribe(result => {
      console.log('The dialog was closed');
      this.animal = result;
    });
  }
}