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 vote105 views2 answers
Benefits of matching in functional programming
TypeScript
0 vote101 views2 answers
Handlebars custom helper
TypeScript
9 votes94 views1 answer
How to print list as matrix in python without brackets
TypeScript
0 vote92 views1 answer
How to Convert MATLAB Scripts to Python
TypeScript
0 vote105 views1 answer
A ball is fired from a sling shot. The initial velocity is 2.25 m/s at 22.5. What are the vertical and horizontal components of the ball's initial velocity as it leaves the sling shot?
TypeScript
3 votes117 views1 answer
Whats the binary nmber system
TypeScript
0 vote96 views1 answer
What types of troop advancements were involved, and why were both needed in dday
TypeScript
4 votes115 views3 answers
Show timestamp as yyyy mm dd html angular
TypeScript
25 votes100 views4 answers
Filter typescript
TypeScript
1 vote100 views1 answer
Typescript event keyCode
TypeScript