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 vote137 views1 answer
Remove white border around components angular
TypeScript
1 vote129 views1 answer
According to all known laws of aviation
TypeScript
1 vote125 views1 answer
Nx specify dependencies
TypeScript
0 vote121 views1 answer
From list of lists to dataframe
TypeScript
52 votes296 views4 answers
Used ports in linux
TypeScript
1 vote135 views1 answer
Type script tuple type
TypeScript
1 vote135 views1 answer
Adding paragraphs with foreach in angular docx.js
TypeScript
30 votes138 views3 answers
Empty character
TypeScript
0 vote137 views1 answer
Js check if function is promise
TypeScript
0 vote120 views1 answer
Typescript exclamation mark
TypeScript