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

4 votes294 views3 answers
Expo typescript install
TypeScript
0 vote321 views1 answer
Show that the speed of the spacecraft in its orbit is 3.7 × 103ms –1.
TypeScript
1 vote346 views1 answer
Angular change how date looks
TypeScript
0 vote359 views1 answer
Vba check if two sheets are the same
TypeScript
-2 votes330 views1 answer
How to randomly generate a string in ts
TypeScript
0 vote292 views2 answers
Convert java to typescript
TypeScript
6 votes312 views1 answer
Angular devkit build angular error
TypeScript
1 vote245 views1 answer
Mongoose project first element from array
TypeScript
0 vote290 views1 answer
Add 1 to all elements in array python
TypeScript
1 vote279 views1 answer
How to pass children in react typescript
TypeScript