Interessante, porém é melhor utilizar o @angular/material
que também é mantido pelo google. Utilize o Dialog
:
constructor(
private dialog: MatDialog;
) {}
public openDeleteDialog(id: number, name: string){
this.loading = true;
const dialogRef = this.dialog.open(ONomeDoDialogoComponente, {
width: '300px',
data: `deseja mesmo apagar ${name}?`
});
dialogRef.afterClosed().subscribe({
next: (res) => {
if(res) {
this.delete(id)
}else{
this.loading = false;
}
}
});
}
private delete(id: number) {
// Método delete aqui
this.loading = false;
}
Mais fácil e prático.
Documentação em: https://material.angular.io/components/dialog/overview