所需格式的字符串插值绑定

Question

我有一个字符串str = "hello"+ "\n"+ "my"+ "\n" + "World"。

html绑定<div>{{str}}</div>

我希望将此字符串打印为

Hello
my
world

我做不到，但是在控制台中我得到了想要的东西。我在这里错过了什么吗？

DEMO

Answer 1

添加<br>而不是\n并在html中使用innnerHtml标记

this.str = 'Hello' +'<br>'+ 'my' +'<br>' + 'world';

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

Demo