Angular Material 对话框 - 内容投影

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