Как визуализировать HTML, который находится в массиве в angular
У меня есть массив, в котором один из объектов содержит элемент HTML. Я хотел сделать это в angular.
Это массив:
{
name: "rules",
key: "rules",
value_before: "<tr><td>revisit_in_some_days</td><td>less_then</td>td>r.input_data</td>"
}
Я пробовал несколько циклов для угловых.
Мне нужна таблица ответов в угловом формате.
у вас есть опечатки рядом с less_then</td>. нераспечатанный тег td. и отсутствует закрывающий тег tr
Да, это есть.
Возможный дубликат Angular2 - Интерполировать строку с помощью html
![Безумие обратных вызовов в javascript [JS]](https://i.imgur.com/WsjO6zJb.png)
Ответы 3
вы должны использовать директиву [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>
можно ли придать объекту массива стиль, и он будет отображаться спереди?
это так, вы можете иметь его как объект, который будет следовать директиве [ngStyle], такой как [ngStyle] = "{'color': '#fff'}". Это означает, что у вас может быть свойство объекта style и новый объект в нем как style: {'color': '#fff'}, чтобы вы могли использовать его в своем шаблоне, например <div [innerHTML] = "item.value_before" [ngStyle] = "item.style"></div>. Надеюсь, что я правильно объяснил, если нет, дайте мне знать в частном порядке или напишите новый вопрос в stackoverflow.
Предполагая, что вы будете размещать HTML внутри таблицы, вы можете использовать [innerHtml] в table
<div *ngFor = "let item of yourArray">
<table [innerHTML] = "item.value_before"></table>
</div>
вы должны использовать директиву [innerHTML], которая по умолчанию поставляется с angular. Нравиться:
<ul><li *ngFor = "let res of trackLogList[key]" [innerHTML] = "res"></li></ul>
Обратите внимание, что HTML-код здесь искажен (
</td>td>— опечатка?) и неполный (часть HTML-таблица).