在angular2中

Question

在angular2中，我试图从组件ts文件中呈现HTML，这个部分HTML可能会有很大差异，因此必须由用户从组件中定义。在我发布的plunker中，目前我正在使用<span [innerHTML]="test.template"></span>，其中test.template是另一个HTML，可以是,,或

具有模型值。如何实现thais功能？

PlunkerLink

我试图实现这一点的原因是因为我们正在使用primeng组件，并且datatable使用html基本模板，我想通过组件ts文件提供。请查看primeng datatable模板PrimengDatatableTemplating

Answer 1

如果您只在[innerHTML]中传递HTML，那么您的示例将有效。 通过＆＃34;只是HTML＆＃34;我的意思是没有Angular语法的HTML就像你在这里做的那样：

test = {
    template:this.sanitizer.bypassSecurityTrustHtml('<span [innerHTML]="gg"></span>')
}

您可以通过'<span [innerHTML]="gg"></span>'而不是传递<span>gg</span>，而这应该有效。

如果这不足以满足您的需求，请考虑使用NgTemplateOutlet，但要获得预期的功能可能会非常棘手。