保留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">

  <pre>{{item.description}}</pre>

</div>

该<pre>包装将打印文本与\n文本

另外，如果您打印json，请使用json过滤器，以获得更好的外观，例如：

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

  <pre>{{item.description|json}}</pre>

</div>

我同意@Paul Weber这white-space: pre-wrap;是一个更好的方法，无论如何使用<pre>-主要用于调试某些东西的快速方法（如果您不想在样式上浪费时间）

Answer 2

CSS非常简单（我发誓，它可以工作）。

.angular-with-newlines {

  white-space: pre;

}

快看 没有额外的HTML标签！