Angular Material Dialog: распознаватель с данными?

Question

Можно ли добавить резольвер в диалог углового материала, чтобы некоторые данные можно было предварительно загрузить до того, как будет загружен фактический диалог?

PS: мне не нужно открывать диалог с URL,но одним нажатием кнопки.

Answer 1

Действительно, в этом нет ничего особенного:

1) HTML:
(click)="onClickOpenDialog()"

2) TS

onClickOpenDialog() {
  this.myService.getMyData().subscribe(receivedData => {
    let dialogRef = dialog.open(YourDialog, {
      data: { myData: receivedData },
    });
  });

3) Ваш диалог:

@Component({
  selector: 'your-dialog',
  template: '...',
})
export class YourDialog {
  constructor(@Inject(MAT_DIALOG_DATA) public myData: any) { }
}