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

发布时间：2020-12-17 09:00:56 所属栏目：安全来源：网络整理

导读：在一个AngularJS部分内我正在循环的条目列表如下： ul class="entries" li ng-repeat="entry in entries" strong{{ entry.title }}/strong p{{ entry.content }}/p /li/ul {{entry.content}}的内容有一些linebreaks被AngularJS忽略。我如何使它保持linebreak

在一个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']);

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!