如何渲染角度数组中的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

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

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>

Answer 2

您应该使用默认情况下随angular附带的[innerHTML]指令。喜欢：

<ul><li *ngFor="let res of trackLogList[key]" [innerHTML]="res"></li></ul>

Answer 3

假设您将HTML放在表格中，则可以在[innerHtml]中使用table

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