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

2 votes187 views2 answers
Search an array of objects with specific object property value
TypeScript
19 votes201 views3 answers
Set default route angular
TypeScript
0 vote184 views1 answer
Pptxgenjs bullet
TypeScript
0 vote182 views1 answer
The eval() function
TypeScript
0 vote216 views1 answer
Get all elements with id starts and class
TypeScript
9 votes178 views3 answers
React typescript onclick type
TypeScript
2 votes188 views3 answers
Print array elements with space c++
TypeScript
3 votes192 views2 answers
How ro execute typescript file
TypeScript
0 vote185 views1 answer
How were sonnets used in rennaisance litireture
TypeScript
14 votes176 views6 answers
Find the smallest number from an array
TypeScript