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 vote157 views1 answer
Typescript utility types merge interfaces
TypeScript
6 votes133 views1 answer
Typescript dictionary typing
TypeScript
2 votes158 views1 answer
Type of setinterval typescript
TypeScript
26 votes145 views4 answers
Typescript type from enum values
TypeScript
0 vote155 views1 answer
Typescript Method Comments
TypeScript
0 vote147 views1 answer
Extracts lists from list python
TypeScript
0 vote143 views2 answers
Typescript convert to javascript
TypeScript
0 vote152 views1 answer
React native vector icon ts file configuaration
TypeScript
0 vote146 views1 answer
Get all the ids in an array of objects ts
TypeScript
0 vote136 views1 answer
Whcih commands lets you an ip adress log
TypeScript