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 vote217 views1 answer
How to append different lists in installed apps django
TypeScript
0 vote197 views1 answer
Rapists near me
TypeScript
0 vote212 views1 answer
Cannot read property 'bypassSecurityTrustResourceUrl'
TypeScript
2 votes195 views1 answer
Typescript initialize map inline
TypeScript
0 vote191 views1 answer
Vue 3 bootstrap 5 tooltip
TypeScript
0 vote196 views1 answer
Python discord action when someone reacts to message
TypeScript
-1 vote205 views2 answers
Activate router angular
TypeScript
0 vote246 views1 answer
Requests module in vs code python
TypeScript
0 vote229 views1 answer
A data analyst wants to convert their R Markdown file into another format. What are their options? Select all that apply.
TypeScript
1 vote216 views2 answers
React-textfit
TypeScript