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 vote154 views1 answer
Java write arraylist of objects to file
TypeScript
0 vote161 views1 answer
Extract digits with serten lenth from string python
TypeScript
0 vote145 views1 answer
Array<Type> VS Type[] in Typescript
TypeScript
38 votes182 views2 answers
\Activate.ps1 cannot be loaded because running scripts is disabled on this system. For more information, see about_Execution_Policies at https:/go.microsoft.com/fwlink/?LinkID=135170
TypeScript
0 vote147 views1 answer
Benefits of ginger juice
TypeScript
2 votes144 views10 answers
Javascript
TypeScript
0 vote136 views1 answer
Mac mini late 2010
TypeScript
0 vote195 views1 answer
Check type of object typescript
TypeScript
20 votes149 views10 answers
Nodemon
TypeScript
2 votes144 views2 answers
Moment datepicker
TypeScript