Угловое пропускание (не отображение) содержимого при переносе в [innerHTML]

Question

У меня есть данные, поступающие от вызова API, в следующем формате:

Формат данных

data {
     info:"Disable terminal line access for un-authorized outoging connections using the command<br><br>line [vty/console/aux] <beg line number> <end line number><br> transport output none<br>
}

Поэтому, когда я использую [innerHTML], этопропуск < beg line number> < end line number> но я хочу, чтобы это отображалось. В настоящее время я использую Angular 7.

HTML-код

<ng-template #info let-item="celldata">
    <div [innerHTML]="data.info"></div>
</ng-template>

Любые предложения будут оценены, спасибо.

Answer 1

data {
     info:"Disable terminal line access for un-authorized outoging connections using the command<br><br>line [vty/console/aux] <beg line number> <end line number><br> transport output none<br>
}

в шаблоне:

<ng-template #info let-item="celldata">
    <div>{{data.info}}</div>
</ng-template>

Answer 2

Просто убежать < с <

Попробуйте вот так:

 data = {
    info:
      "Disable terminal line access for un-authorized outoging connections using the command<br><br>line [vty/console/aux] &lt;beg line number> &lt;end line number><br> transport output none<br>"
  };

Рабочая демонстрация