привязка интерполяции строк для желаемого формата

Question

У меня есть строка str = "hello"+ "\n"+ "my"+ "\n" + "World".

HTML-привязка <div>{{str}}</div>

Я ожидал напечатать эту строку как

Hello
my
world

Я не могу это сделать, но в консоли я получаю то, что хочу. Я что-то упустил здесь ...

DEMO

Answer 1

Добавьте <br> вместо \n и используйте тег innnerHtml в html

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

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

Демо