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

一尘不染

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

angularjs

在AngularJS部分中，我如下遍历条目列表：

<ul class="entries">
    <li ng-repeat="entry in entries">
        <strong>{{ entry.title }}</strong>
        <p>{{ entry.content }}</p>
    </li>
</ul>

的内容{{entry.content}}有一些换行符，AngularJS会忽略它们。如何使其保留换行符？

阅读 238

2020-07-04

共1个答案

一尘不染

这只是基本的HTML。AngularJS对此不会做任何改变。您可以改用pre标签：

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

2020-07-04