MatDialog - open a component passing a @Input()

Question

I need to open a component using the method open(MyComponent, myConfig) of the class MatDialog but with a @Input() added to the opened component. How can I do that?

Answer 1

Use the data property to pass the wanted datas.

constructor(private dialog: MatDialog){}

this.diaog.open(YOUR_COMPONENT, {
  data: {} // What you want
  ... // Others properties
});

Then in YOUR_COMPONENT:

constructor(@Inject(MAT_DIALOG_DATA) public data: any) {
  console.log(this.data);
}

https://material.angular.io/components/dialog/examples