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 vote318 views1 answer
Already included file name react tsconfig
TypeScript
-1 vote315 views2 answers
Module '"@angular/fire/firestore"' has no exported member 'AngularFirestore'
TypeScript
0 vote328 views1 answer
Pdfunite all documents in a folder with alphabetical order
TypeScript
9 votes279 views4 answers
Angular scroll to top
TypeScript
0 vote322 views1 answer
Spilit with comma in ts
TypeScript
0 vote297 views1 answer
Useappdispatch
TypeScript
1 vote264 views1 answer
How do i set limits in inputs in python
TypeScript
1 vote271 views1 answer
React Native: Double back press to Exit App
TypeScript
0 vote310 views2 answers
Gradients colors in android
TypeScript
0 vote287 views1 answer
Mat-toolbar' is not a known element
TypeScript