Html Angular 中的模板分配

Question

假设我有下面的 HTML 模板，什么是将它分配给 Angular 项目

中的变量的最佳方式

public template = '<html><body> <p>This is a p tag</p>

     </body></html>'

如何在打字稿中进行此类分配？

Answer 1

public template = '<p>This is a p tag</p>'

在Html

<div [innerHtml]="template"></div>

Answer 2

如果您有一个使用 Angular 7.^ 的项目，您可以使用

的绑定

<div [innerHtml]='template"></div>

其中 template 在组件中声明为 like

template = '</p>This is a p ta</p>'

如果你的版本早于 7，你必须用

清理你的绑定

<div [innerHTML]="template | safeHtml"></div>

无论如何，为什么要声明一个变量 public if 是默认值？

Html template assignment in Angular