Как перевести необработанный HTML-код в данные таблицы

Question

Я получаю данные из сложного запроса в таблице, но результат запроса также показывает необработанный HTML-код, который мне нужно преобразовать, чтобы отобразить его в формате HTML. Для лучшего понимания, пожалуйста, проверьте прикрепленное изображение. На этом скриншоте теги также входят в данные таблицы, которые мне нужно перевести и отобразить в соответствии с этим стилем. Например, мне нужно показать данные для столбца 'gen' зеленым цветом.

Пожалуйста, проверьте код ниже, который я использую

            <table class="table stripe" #ConfigurationTable>
                <thead>
                <tr>
                    <th *ngFor="let key of debugQueryData">{{key}}</th>
                </tr>
                </thead>
                <tbody>
                <tr>
                    <td *ngFor="let value of debugQueryValue">{{value}}</td>
                </tr>
                </tbody>
            </table>

Пожалуйста, помогите мне с этим. Я работаю в Angular!

Плюс, у меня много столбцов в таблице. Есть ли способ разместить все столбцы на странице без горизонтальной прокрутки?

Answer 1

В моем случае я сделал это с помощью кода ниже

<div [innerHTML]="value">

Answer 2

Юй еще не опубликовал ваш код, но у меня есть предложение по использованию Jquery, где вы можете использовать функцию append (), чтобы добавить этот запрос в тег. Вы можете использовать функцию after (), before (), prepend (), append (), которая может пригодиться для этой проблемы.

• .append () вставляет в тег сразу после открытой скобки.
• .prepend () вставляет непосредственно перед закрывающей скобкой.
• .after () вставляет после закрывающей метки.
• .before () вставляет перед открывающей меткой.

Как только вы сделаете это, файл будет отображен как HTML. Нет необходимости в дальнейших изменениях. Надеюсь, это поможет.