如何渲染角度数组中的HTML

Question

我有一个数组，其中对象之一包含HTML元素。我想渲染成角度。

这是数组：

{
name: "rules", 
key: "rules", 
value_before: "<tr><td>revisit_in_some_days</td><td>less_then</td>td>r.input_data</td>"
}

我已经尝试了多角度的循环。

我想要以尖角开头的响应表。

Answer 1

您应该使用[innerHTML]angular附带的指令。用法：

data = [
  {
    value_before: '<div>some content</div>'
  },
  {
    value_before: '<div>some content1</div>'
  }
];

在您的.html中

<div *ngFor="let item of data">
  <div [innerHTML]="item.value_before"></div>
</div>