角度材质对话框-内容投影

Question

是否可以在angular material dialog内使用动态内容？

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

我想使用一个包含 html标记的动态模板，而不是{ name: 'austin' }。

@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中