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 vote179 views1 answer
Passing variable data to laravel component
TypeScript
0 vote154 views1 answer
Could not find method Properties() for arguments [] on project ':app'
TypeScript
1 vote155 views1 answer
Typescript as
TypeScript
-1 vote163 views1 answer
Nest custom class validator
TypeScript
0 vote149 views1 answer
Disable out of stock products shopify
TypeScript
2 votes176 views1 answer
Three dots icon flutter
TypeScript
1 vote273 views2 answers
Replying to tweets api tweepy
TypeScript
0 vote154 views1 answer
Pandas get count of pair of elements in two columns
TypeScript
0 vote146 views1 answer
Check if username exists in database django
TypeScript
0 vote191 views1 answer
Graphql?query={__schema{types{name,fields{name}}}}
TypeScript