保留angularjs中的换行符怎么办?

内容来源于 Stack Overflow,并遵循CC BY-SA 3.0许可协议进行翻译与使用

  • 回答 (2)
  • 关注 (0)
  • 查看 (117)

我的代码不是ng-bind="item.desc",我使用{{item.desc}}因为我有一个ng-repeat在前面。

我的代码:

<div ng-repeat="item in items">
  {{item.description}}
</div>

项目描述包含\n未呈现的换行符。

如何让{{item.description}}显示换行符?

提问于
用户回答回答于

试试:

<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>

例子

用户回答回答于

我觉得可以这样:

<div class="angular-with-newlines" ng-repeat="item in items">
   {{item.description}}
</div>

/* in the css file or in a style block */
.angular-with-newlines {
    white-space: pre-wrap;
}

这将使用给定的换行符和空白符,但也会在内容边界处分割内容。

如果你想在换行符上break,就这样:

white-space: pre-line;

扫码关注云+社区