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

8 votes325 views2 answers
List of objects to string c#
TypeScript
1 vote315 views1 answer
Http requests in spring boot
TypeScript
-1 vote313 views2 answers
Javascript:
TypeScript
0 vote320 views1 answer
Get angular width
TypeScript
0 vote327 views1 answer
Angular 9 remove text after white space
TypeScript
12 votes338 views3 answers
Useref input typescript
TypeScript
1 vote333 views2 answers
Css permit tabs on textarea react
TypeScript
0 vote318 views3 answers
Get weights of a layer keras
TypeScript
61 votes545 views6 answers
Ps1 cannot be loaded because running scripts is disabled on this system
TypeScript
9 votes353 views6 answers
Angular reload component
TypeScript