在角度插值绑定中包装文本

Question

我想做这样的事情，我试图保留数据中的换行符。

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

其中输出线为hello\r\nworld 或hello<br>world

我都试过了。我可以使用 outputline1、outputline2 等以更复杂的方式进行操作。

有什么建议吗？

Answer 1

试试<p [innerHTML]="outputline"></p>

Answer 2

你好\r\nworld，可以加

p {
  white-space: pre;
}

在你的 CSS 中，或者在你的模板中用

 代替 
。