Mat dialog disable close

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

Close mat dialog from component

@Component({/* ... */})
export class YourDialog {
  constructor(public dialogRef: MatDialogRef<YourDialog>) { }

  closeDialog() {
    this.dialogRef.close('Pizza!');
  }
}

Source: material.angular.io

Material dialog disable close

  // disableclose 'true' but if you try to backdrop click it diesn't lose data
  @HostListener('window:keyup.esc') onKeyUp() {
    this._dialogRef.close(this.socios);
  }
  ngOnInit(): void {
    this._dialogRef.disableClose = true;
    this._dialogRef.backdropClick().subscribe(_ => {
      this._dialogRef.close(this.socios);
    })
  }

Similar codes

0 vote191 views1 answer
Check already exists from non deleted rows laravel
TypeScript
0 vote163 views1 answer
Define a function shiftRight which receives a list as input, and returns a list with all the elements shifted to the right
TypeScript
0 vote181 views1 answer
How to select a column with brackets in jupyter notebook
TypeScript
3 votes185 views1 answer
Typescript object key from other object
TypeScript
1 vote223 views1 answer
How to destroy all widgets in a frame
TypeScript
1 vote185 views1 answer
React protected routes typescript
TypeScript
0 vote146 views1 answer
Delete all documents from collection flutter firestore
TypeScript
0 vote198 views1 answer
How to set date axes limits in matplotlib plot
TypeScript
0 vote202 views1 answer
Is there a way to show a preview of a RecyclerView's contents as Grid in the Android Studio editor?
TypeScript
6 votes246 views2 answers
Get arguments from url flask
TypeScript