Angularjs用/ n显示消息[重复]答案

【问题标题】：Angularjs display message with /n [duplicate]Angularjs用/ n显示消息[重复]
【发布时间】：2017-01-19 18:48:32
【问题描述】：

我试图让 angularjs 正确读取我的新行，在这种情况下 /n 是一个新行。

这是我对变量 message 的实际响应，其中包含我想显示的信息：

jeg\n\nlurer\npaa hva

当我使用{{ message }}在视图中显示变量时，我得到：

Jeg lurer paa hva

虽然它确实应该是：

Jeg

lurer
paa hva

如何使角度读取 /n 作为新行？

【问题讨论】：

【解决方案1】：

在您的{{ message }} 周围添加<pre> 标记将解决您的问题。可以用css添加pre标签的这个特性。

【讨论】：

【解决方案2】：

使用一些 CSS 样式

  <div class="pre-line">{{message}}</div>

n 在 CSS 中

 div.pre-line {
      white-space: pre-line;
 }

【讨论】：

【解决方案3】：

你在找ng-bind-html吗？

【讨论】：

是的，使用

 或更改为  是正确答案，而不是这个 ^^

【解决方案4】：

将您的{{message}} 放入<pre> 标记中，例如，

<pre>{{message}}</pre>

这将处理链接中断。

希望这会有所帮助！

【讨论】：