упаковка текста в интерполированную привязку angular

Question

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

<div>    
   <p> {{outputline}} </p>
</div>

, где выходная строка равна hello\r\nworld или hello<br>world

Оба из которых я пробовал. Я могу сделать это более сложным способом с outputline1, outputline2, et c.

Есть предложения?

Answer 1

Попробуйте <p [innerHTML]="outputline"></p>

Answer 2

Привет \ r \ nworld, вы можете добавить

p {
  white-space: pre;
}

в вас css или

вместо в вашем шаблоне.