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 vote400 views1 answer
Lodash typescript
TypeScript
0 vote298 views1 answer
How to do Email validation using Regular expression in Typescript
TypeScript
3 votes331 views1 answer
Typescript enumerate array
TypeScript
9 votes325 views2 answers
Multiple where statements sql
TypeScript
2 votes312 views1 answer
Angular convert file to base64
TypeScript
6 votes326 views3 answers
Angular get url param
TypeScript
1 vote335 views1 answer
How to send data between components in react with redirect
TypeScript
3 votes309 views3 answers
Cannot find module 'typescript' angular 9
TypeScript
0 vote313 views1 answer
Firebase not found in envirorment.ts file angular
TypeScript
2 votes302 views2 answers
Typescript object of type interface
TypeScript