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 vote260 views1 answer
Conventional commits cheat sheet
TypeScript
0 vote268 views4 answers
How to sort a list of lists in python
TypeScript
0 vote244 views1 answer
Typescript import particular class from file
TypeScript
0 vote222 views2 answers
Typescript one of the array items
TypeScript
0 vote232 views1 answer
Object is possibly
TypeScript
0 vote234 views1 answer
Stats normal
TypeScript
1 vote221 views1 answer
How to use command line arguments in java eclipse
TypeScript
2 votes288 views1 answer
Rror: failed to init transaction (unable to lock database) error: could not lock database: File exists if you're sure a package manager is not already running, you can remove /var/lib/pacman/db.lck
TypeScript
0 vote237 views1 answer
How does a consumer commit offsets in Kafka? it directly commit the offset in Zookeeper it directly send a message to the __consumer_offset it interact with the Group coordinator None
TypeScript
0 vote245 views1 answer
The Apple I had a built-in video terminal, sockets for __________ kilobytes of onboard random access memory (RAM), a keyboard, and a cassette board meant to work with regular cassette recorders.
TypeScript