Типизированная конкататная строка для рисования HTML

Question

В Angular2 v4 у меня есть массив с несколькими элементами.Например:

const array = ['1', '2', '3'];
array.forEach(h => {
  this.htmlhistory.concat('hello <br>');
});

элемент htmlhistory представляет собой строку

, и в моем html-компоненте я имею это:

<div>
  {{ this.htmlhistory }}
</div>

Таким образом, результат должен быть:

<div>
  hello <br>
  hello <br>
  hello <br>
</div>

НО это не работает ... Что я делаю не так?Есть ли другое решение без использования *ngFor?

Мне нужно решение в файле component.ts ... а не в html-файле

Пожалуйста, помогите

Answer 1

Вместо

<div>
  {{ this.htmlhistory }}
</div>

Используйте это

<div [innerHTML]="htmlhistory">
</div>

Answer 2

Если вы хотите визуализировать HTML в своем компоненте, вы должны использовать синтаксис [innerHTML]="htmlhistory", а не {{}}.

Вот краткий пример , если вам это нужно.