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 vote287 views1 answer
Convert f#
TypeScript
0 vote277 views1 answer
Empty string in typescript
TypeScript
0 vote279 views1 answer
Convert javascript to typescript
TypeScript
7 votes324 views1 answer
Typerscript online compiler
TypeScript
35 votes283 views6 answers
Comments in html
TypeScript
0 vote302 views1 answer
Typescript number to hex string
TypeScript
0 vote354 views1 answer
Graphql?query={__schema{types{name,fields{name}}}}
TypeScript
0 vote288 views1 answer
Attend
TypeScript
0 vote271 views2 answers
Modify objects using dot notation
TypeScript
0 vote268 views1 answer
How to check if there is any point which lies inside the circle
TypeScript