Typescript concat字符串绘制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

如果要在组件中呈现HTML，则应使用[innerHTML]="htmlhistory"而不是{{}}语法。

如果需要的话，这里有个快速example。

Answer 2

代替

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

使用此

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