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

25 votes127 views10 answers
Bootstrap
TypeScript
8 votes134 views3 answers
Object iteration in typescript
TypeScript
1 vote178 views1 answer
Useappselector
TypeScript
2 votes136 views2 answers
Typescript property state does not exist
TypeScript
2 votes127 views1 answer
Nodejs express multer s3
TypeScript
0 vote135 views1 answer
How to stop error reporting in TypeScript?
TypeScript
1 vote129 views1 answer
Tsconfig path if you are sure the module exists, try these steps:
TypeScript
-1 vote134 views1 answer
ResultSet object has no attribute 'get_text'. You're probably treating a list of elements like a single element. Did you call find_all() when you meant to call find()?
TypeScript
1 vote193 views1 answer
Ionic 3 alert backdrop dismiss
TypeScript
4 votes138 views2 answers
Angular get route url
TypeScript