angular - 在angular2的组件中渲染部分html

Question

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

具有模型价值。如何实现泰国功能？

PlunkerLink

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

Answer 1

如果您仅将 HTML 传递到[innerHTML]. “只是 HTML”是指没有 Angular 语法的 HTML，就像你在这里所做的那样：

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

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

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