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

10 votes140 views3 answers
Typescript array of object with types
TypeScript
5 votes141 views2 answers
How to select array element via id and print it
TypeScript
1 vote139 views1 answer
Create npm module typescript
TypeScript
0 vote165 views1 answer
Python shuffle two lists together
TypeScript
3 votes136 views2 answers
Typescript declare window property
TypeScript
3 votes145 views1 answer
Angular material button css not working
TypeScript
0 vote127 views1 answer
Typescript dynamic type
TypeScript
0 vote192 views1 answer
Typescript add one month to date
TypeScript
9 votes134 views3 answers
Typescript onclick event type props
TypeScript
0 vote151 views1 answer
Cannot show Automatic Strong Passwords for app bundleID: com.williamyeung.gameofchats due to error: iCloud Keychain is disabled
TypeScript