Как визуализировать 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], которая идет с угловым. Использование:

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

вы должны использовать директиву [innerHTML], которая поставляется с angular по умолчанию. Нравится:

<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>