Angular Material Dialog - контент-проекция

Question

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

let dialogRef = dialog.open(YourDialog, {
  data: { name: 'austin' },
});

Вместо { name: 'austin' }, я хотел бы использовать динамический шаблон, который включает HTML-теги .

@Component({
  selector: 'your-dialog',
  template: 'passed in {{ data.name }}',
  // template: '{{ data.template }}'
})
export class YourDialog {
  constructor(@Inject(MAT_DIALOG_DATA) public data: any) { }
}

Answer 1

Да, просто вместо использования {{}} используйте что-то вроде этого

[innerHTML]="data.template"

в div, например