在 mat-dialog 中填充组件的输入

Question

Currently we have like 5-10 different dialogs and we add data using @Inject ( @Inject(MAT_DIALOG_DATA) private data: DialogData, )

this.dialog.open(MyComponent, {
  data: { data: this.dataToPass }
});

But I was kind of curious if there is another way? Would love to have it similar to this:

this.dialog.open(MyComponent, {
  input1: { this.dataToPass },
  input2: { this.moreDataToPass }
});

Any Ideas?

Answer 1

try like this

this.MyComponent_dialog_ref= this.dialog.open( MyComponent );
this.MyComponent_dialog_ref.componentInstance.input1= this.dataToPass;
this.MyComponent_dialog_ref.componentInstance.input2= this.moreDataToPass;