Angular中的HTML模板分配

【问题标题】：Html template assignment in AngularAngular中的HTML模板分配
【发布时间】：2019-10-08 06:21:53
【问题描述】：

假设我有下面的 HTML 模板，将它分配给 Angular 项目中的变量的最佳方法是什么

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

     </body></html>'

我如何在打字稿中进行这样的分配？

【问题讨论】：

【解决方案1】：

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

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

template 在组件中声明的地方

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

如果您的版本比 7 旧，您必须使用

清理您的绑定

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

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

【讨论】：

【解决方案2】：

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

在 HTML 中

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

【讨论】：