Angularjs用/ n显示消息

Question

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

这是我的变量message的回复，其中包含我要显示的信息：

jeg\n\nlurer\npaa hva

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

Jeg lurer paa hva

虽然它应该是：

Jeg

lurer
paa hva

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

Answer 1

将{{message}}放在<pre>标记内，例如

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

将负责链接中断。

希望这有帮助！

Answer 2

您在寻找ng-bind-html吗？

Answer 3

使用一些CSS样式

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

CSS中的

n

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

Answer 4

在<pre>周围添加{{ message }}标记可以解决您的问题。 您可以使用css添加pre标记的此功能。