import { Component, Inject } from '@angular/core'; import { MAT_DIALOG_DATA, MatDialogRef } from '@angular/material/dialog'; @Component({ selector: 'app-name-dialog', templateUrl: './name-dialog.component.html', styleUrls: ['./name-dialog.component.scss'], }) export class NameDialogComponent { public name: string = ''; constructor(public dialogRef: MatDialogRef, @Inject(MAT_DIALOG_DATA) public data: any) { this.name = data.name ?? ''; } closeDialog(name: string = ''): void { this.dialogRef.close(name); } }