相关疑难解决方法(0)

在AngularJS部分中,我循环遍历条目列表,如下所示:

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

{{entry.content}}有些线条的内容被AngularJS忽略了.如何使其保留换行符？

我有一个简单的问题（我希望如此）。我有一个返回字符串作为结果的服务。格式是这样的：

" Test1: 关联已被接受。\nTest2: 关联已被接受。\n" "

在客户端（我使用的是 Angular 1.5.x），我将该字符串放入一个对象中（比如变量 $scope.alert.message）。之后我想在模态中打印该字符串。我的 html 是：

<script type="text/ng-template" id="infoTemplate.html">
    <div class="modal-header left" ng-class="['div-' + alert.type, closeable ? 'alert-dismissible' : null]">
        <h3 class="modal-title" id="modal-title">Info</h3>
    </div>
    <div class="modal-body" id="modal-body">
        <img class="imm-info" ng-class="['imm-' + alert.type, closeable ? 'alert-dismissible' : null]" />
        <p class="col-sm-10 col-sm-offset-2">{{alert.message}}</p><button class="col-sm-3 col-sm-offset-5 btn " ng-class="['button-' + alert.type, closeable ? 'alert-dismissible' : null]" ng-click="cancel()">OK</button>
    </div>
</script>

您可以看到“{{alert.message}}”。我的问题是我的消息“不显示”字符 '\n'。所以它不会创建多于一行。这里的一个例子：

例子

我正在尝试让AngularJS和/或HTML在2行中打印出以下内容：

FOO
BAR

但是尽管我换行了，但我下面的HTML和JS在同一行上显示了它\n。

的HTML

<div ng-controller="MyCtrl">
  {{name}}!
</div>

的JavaScript

var myApp = angular.module('myApp',[]);

function MyCtrl($scope) {
    $scope.name = 'FOO \n BAR';
}

这可能吗？

JSFiddle

我有一个对象列表,其中一个属性是description,并且值具有断行 .

我正在使用常规方法在我的HTML中打印它,请看下面的内容:

<div class="row" *ngFor="let item of items">
   <p>{{item.description}}</p>
</div>

在结果中我看不到断线,我看到的描述如下:

line 1 ` ` line 2 ` ` line 3 

应该是这样的:

line 1
line 2
line 3

知道怎么解决吗？