在一个AngularJS部分内我正在循环的条目列表如下:
<ul class="entries"> <li ng-repeat="entry in entries"> <strong>{{ entry.title }}</strong> <p>{{ entry.content }}</p> </li> </ul>
{{entry.content}}的内容有一些linebreaks被AngularJS忽略。我如何使它保持linebreaks?
它只是基本的HTML。 AngularJS不会改变任何东西。您可以改用预先标记:
<pre>{{ entry.content }}</pre>
或者使用CSS:
p .content {white-space: pre} ... <p class='content'>{{ entry.content }}</p>
如果entry.content包含HTML代码,则可以使用ng-bind-html:
<p ng-bind-html="entry.content"></p>
不要忘记包括ngSanitize:
var myModule = angular.module('myModule',['ngSanitize']);