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

6 votes221 views2 answers
FirebaseError: Firebase: Firebase App named '[DEFAULT'] already exists (app/duplicate-app).
TypeScript
0 vote203 views1 answer
On input inset - afetr 5 digits jquery
TypeScript
0 vote200 views1 answer
Text input detect return key react native
TypeScript
0 vote199 views2 answers
Mat datepicker timezone not correct
TypeScript
1 vote200 views1 answer
Ionic maintain order of object properties
TypeScript
0 vote202 views2 answers
How to make auto conversion of blogger texts with fonts installed in blog theme
TypeScript
0 vote311 views1 answer
Warning: format ‘%s’ expects argument of type ‘char *’, but argument 2 has type ‘int’
TypeScript
0 vote193 views1 answer
Could not find method Properties() for arguments [] on project ':app'
TypeScript
2 votes167 views1 answer
Serenity-is hide column
TypeScript
0 vote201 views1 answer
Replace floats in dataframe
TypeScript