вставить перевод строки внутри ячейки таблицы или заменить теги html в тексте

Question

Наш старый сайт inte rnet получал данные из базы данных и имел HTML теги внутри текста, который форматировал текст на сайте. Я объясняю.

Когда я звонил в базу данных, чтобы получить текст поля INFO. Текст был:

"List of available city:<br>1-Boston<br>2-Washington<br>3-Miami... etc"

Итак, на старом сайте, когда я использовал свою таблицу, это было так:

<table>...
  <td><%= INFO %> </td>

Таким образом, сайт форматировал текст в поле TD и список городов в поле ячейки таблицы:

List of available city:
1-Boston
2-Washington
3-Miami

Теперь мы используем Angular и Mat-Table для создания нового сайта. Информация поступает из той же базы данных, текст которой уже отформатирован с некоторыми тегами HTML.

Если я использую этот код:

      <table>
        <tr *ngFor="let rule of element.Reglements">
          <td class="line_rules">{{ rule.Reglement }}</td>
        </tr>
      </table>

К сожалению, результат в ячейке дает текст, включающий теги HTML вот так:

"List of available city:<br>1-Boston<br>2-Washington<br>3-Miami... etc"

Вопрос: Как отформатировать ячейку таблицы, чтобы использовать теги HTML?

Нужно ли менять теги HTML для чего-то еще? (Я могу напрямую изменить базу данных или l oop через поле и заменить код перед передачей данных в таблицу?

Есть ли способ вставить перевод строки в текстовую ячейку?

Спасибо

Answer 1

Я нашел что-то для этого. Мой код был:

  <table>
    <tr *ngFor="let rule of element.Reglements">
      <td class="line_rules">{{ rule.Reglement }}</td>
    </tr>
  </table>

Я делаю это так:

<table>
    <tr *ngFor="let rule of element.Reglements">
          <td class="line_rules" [innerHTML]="rule.Reglement"></td>
    </tr>