在angularHTML中以角度2进行字符串插值

Question

如何在[innerHTML]指令中呈现表达式：

public stringInterpolation: string = 'title';
public data: any = '<a>{{stringInterpolation}}</a>';

<div [innerHTML]="data"></div>

字符串插值呈现为文本而不是确切的值。

这背后的逻辑是我正在使用一个可重用的表，我想要一个配置，我可以在其中指定一个将在单元格内生成的模板，而不是将所有数据列为文本。

Answer 1

您可以使用TypeScript插值。动态添加的HTML不支持角度绑定：

public data: any = `<a>${stringInterpolation}</a>`;

Answer 2

如果必须在html标记内注入不同的模板，则无法执行此操作。您必须为所需的每个模板创建一个组件，并动态加载组件。

要在运行时加载组件，请参阅：How can I use/create dynamic template to compile dynamic Component with Angular 2.0?