В 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

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

0
Sergio Mendez 26 Сен 2018 в 01:36

2 ответа

Лучший ответ

Вместо

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

Использовать это

<div [innerHTML]="htmlhistory">
</div>
1
Vash72 25 Сен 2018 в 22:45

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

Вот быстрый пример на случай вам это было нужно.

0
Maciej21592 25 Сен 2018 в 22:40