保留angularjs中的换行符

Question

我已经看到了这个问题。

我的代码而不是ng-bind="item.desc"使用代码，{{item.desc}}因为我ng-repeat之前有过。

所以我的代码：

<div ng-repeat="item in items">

  {{item.description}}

</div>

项目说明包含\n未呈现的换行符。

{{item.description}}假设我已具备ng-repeat上述条件，如何轻松显示换行符？

Answer 1

尝试：<div ng-repeat="item in items">&nbsp; <pre>{{item.description}}</pre></div>该<pre>包装将打印文本与\n文本另外，如果您打印json，请使用json过滤器，以获得更好的外观，例如：<div ng-repeat="item in items">&nbsp; <pre>{{item.description|json}}</pre></div>我同意@Paul Weber这white-space: pre-wrap;是一个更好的方法，无论如何使用<pre>-主要用于调试某些东西的快速方法（如果您不想在样式上浪费时间）

Answer 2

CSS非常简单（我发誓，它可以工作）。.angular-with-newlines {&nbsp; white-space: pre;}快看 没有额外的HTML标签！