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

55 votes497 views6 answers
Sum of list of lists python
TypeScript
0 vote192 views1 answer
Accessing the elements of a char* in c
TypeScript
0 vote193 views1 answer
From __future__ import unicode_literals import youtube_dl ydl_opts = {} with youtube_dl.YoutubeDL(ydl_opts) as ydl: ydl.download(['VideoURL'])
TypeScript
22 votes179 views3 answers
String to int typescript
TypeScript
4 votes193 views1 answer
Typescript string interpolation
TypeScript
1 vote187 views1 answer
Adding paragraphs with foreach in angular docx.js
TypeScript
1 vote193 views1 answer
Aws sqs create fifo queue
TypeScript
0 vote186 views1 answer
Build with tsconfig-paths
TypeScript
5 votes185 views2 answers
Formgroup check if valid
TypeScript
21 votes177 views4 answers
Rule::exists with custom message laravel
TypeScript