我的代码而不是ng-bind="item.desc"使用{{item.desc}}，因为我有一个ng-repeat之前。
ng-bind="item.desc"
{{item.desc}}
ng-repeat
所以我的代码：
<div ng-repeat="item in items"> {{item.description}} </div>
项目描述包含\n未呈现的换行符。
\n
{{item.description}}假设我有上述内容，如何轻松显示换行符ng-repeat？
{{item.description}}
基于@pilau 的答案 - 但即使是接受的答案也没有改进。
<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-line; }
这将使用给定的换行符和空格，但也会在内容边界处中断内容。有关 white-space 属性的更多信息，请参见此处：
https://developer.mozilla.org/en-US/docs/Web/CSS/white- space
如果您想换行，但又不想折叠文本前面的多个空格或空白（以呈现代码或其他内容），您可以使用：
white-space: pre-wrap;
不同渲染模式的不错比较：http: //meyerweb.com/eric/css/tests/white- space.html
