如何在AngularJS部分中保留新行?

前端之家收集整理的这篇文章主要介绍了如何在AngularJS部分中保留新行?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
在一个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']);

猜你在找的Angularjs相关文章