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 vote142 views1 answer
Adonisjs hooks
TypeScript
1 vote125 views1 answer
Styled components conditional hover
TypeScript
1 vote124 views1 answer
Reduce an array of objects to string
TypeScript
0 vote128 views1 answer
C# linq get list of objects based on another list
TypeScript
1 vote136 views1 answer
Wordpress have_posts not working
TypeScript
1 vote138 views1 answer
Heterogeneous objects in java
TypeScript
3 votes125 views2 answers
Expo vector icons props
TypeScript
0 vote131 views1 answer
Typescript disable next line
TypeScript
0 vote129 views1 answer
Are remote objects and distributed objects the same
TypeScript
0 vote136 views1 answer
Typescript for vue
TypeScript