Angular：禁止在对话框外单击

Question

I want that it is not possible to click outside a dialog (nothing should happens).

I tried the followings that do not works for me:

let dialogRef = this.dialog.open(DialogComponent, {
   disableClose: true
});

or

this.dialogRef.disableClose = true
this.dialogRef.backdropClick().subscribe(_ => {
  this.dialogRef.close();
})

But when i click outside the opened dialog the main window reatcs.

Anybody know how I can solve it?

Answer 1

Thx. I added

let dialogRef = this.dialog.open(TrackDialogComponent, {
      hasBackdrop: true,
 });