Обработка вывода из базы данных в виде HTML-кода в угловых

Question

Я создаю интерфейсное приложение, которое просматривает базу данных карт Hearthstone, позволяя вам сортировать и искать их.Однако текст, отображаемый на карточках (в базе данных), имеет форматирование HTML, например, <b> </b>

EG. На карточке "Стрелка с токсичными веществами" есть текстовое поле, содержащее:

Deal $2 damage to a minion. If it survives, give it <b>Poisonous</b>.

В настоящее время функция рендеринга выглядит следующим образом:

 `<tr *ngFor = "let card of cards">
     <td> {{card.text}} </td>
     <td> <img [src] = 'card.img'
         [title] = 'card.name'
         [style.width.px] = ImageWidth> </td>
  </tr> `

, и в настоящее время вывод в таблице показывает это: Deal $2 damage to a minion. If it survives, give it <b>Poisonous</b>.

Я ищу способ форматированияэтот текст быстро внутри цикла, чтобы удалить $ и использовать уже существующий тег HTML <b>

Я не использую более старые AngularJ, я использую самую последнюю версию Angular.

Answer 1

Вы можете заменить первый <td> в своем коде на <td [innerHTML]="card.text"> </td>.Это приведет к тому, что текст будет отображаться в формате HTML в соответствии с тегами, присутствующими во входной строке.