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

1 vote234 views1 answer
Eslint missing file extension ts
TypeScript
0 vote155 views3 answers
Figma documentation
TypeScript
0 vote146 views1 answer
The react-scripts package provided by Create React App requires a dependency: [1] [1] "webpack": "4.42.0"
TypeScript
0 vote198 views1 answer
Typescript window ethereum
TypeScript
-1 vote155 views1 answer
Typescript new instance of interface
TypeScript
1 vote171 views1 answer
Operator '+' cannot be applied to types 'Number' and 'Number'.
TypeScript
0 vote143 views2 answers
Sum the digits in c
TypeScript
0 vote151 views1 answer
How to check if all elements are equal C#
TypeScript
3 votes151 views3 answers
C# check list of objects for value
TypeScript
0 vote149 views1 answer
Running scripts is disabled on this system
TypeScript