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 votes217 views3 answers
Typescript count array condition
TypeScript
2 votes188 views1 answer
Adonis make model
TypeScript
0 vote192 views1 answer
Get-dirstats not recognized
TypeScript
1 vote213 views1 answer
Serenity.is LinkingSetRelation add column-picker-button
TypeScript
0 vote195 views1 answer
Hong Kong Human Rights and Democracy Act opinion
TypeScript
-1 vote186 views1 answer
Div resize event typescript
TypeScript
1 vote226 views1 answer
Explain the concept of Dangling Pointer and Null Pointer with Examples? Provide brief details of the scenarios in which pointer acts as dangling pointer.
TypeScript
0 vote197 views1 answer
Copy elements from one array to another java
TypeScript
0 vote198 views2 answers
Localstorage getitem angular
TypeScript
0 vote186 views1 answer
Order documents in firestore
TypeScript