如何在角度模板中插值标签名称

Question

我有一些api数据。.Json格式的HTML标记：

[
  {
     type: 'p',
     attributes: [...],
     children: [{...},{...}]
  }
]

我想在一个有角度的模板中渲染它。 由于标签名称来自api，因此我需要对标签名称进行插值。

我尝试过：

<ng-container *ngFor="let el of body">
   <{{el.type}}> foo bar</{{el.type}}>
</ng-container>

但收到“意外的结束标记“ {{el.type}}”。

预期输出：

<p> foobar</p>

我不想使用innerHtml指令。

Answer 1

在js内部构造html，将其分配给局部变量，最后将该值传递到将按您期望的方式呈现的innerhtml

Answer 2

您可以简单地使用[innerHTML]指令来完成它。

Answer 3

如果您不想使用[innerHTML]，则可以使用[textContent]。