为什么角度 ng-bind 不从 JSON 读取 \n 换行符？答案

【问题标题】：Why does angular ng-bind not read \n line breaks from JSON?为什么角度 ng-bind 不从 JSON 读取 \n 换行符？
【发布时间】：2017-01-16 19:59:48
【问题描述】：

我有来自 JSON 的文本，看起来像这样：

"some text some text some text \n\n New paragraph text \n\n Another new paragraph"

然后我有一个简单的 div，如下所示：

<div ng-bind="textFromJSON"></div>

由于某种原因，呈现到页面的文本结果没有换行符。即

some text some text some text New paragraph text Another new paragraph

如果我使用 chrome 开发工具检查该文本，它会显示使用 \n 换行符分成段落的文本块，就像我预期的那样。

some text some text some text

New paragraph text

Another new paragraph

有谁知道如何让页面正确呈现？

【问题讨论】：

【解决方案1】：

确实如此。问题是由于空白默认设置，html 不显示它，将您的 div 更改为：

<div ng-bind="textFromJSON" style="white-space:pre-wrap"></div>

【讨论】：

【解决方案2】：

您可以使用<pre>

    <div><pre>{{textFromJSON}}</pre></div>

【讨论】：

【解决方案3】：

在 Angular 2+ 中，您可以这样使用：

<pre>{{textInJSON | json}}</pre>

【讨论】：