Question

case Constants.QUEUEESCALATION:
      {
        var body = '';
        angular.forEach(caseChangeRecord, function(change, key) {
          body += change.fieldName + Constants.QUEUEESCALATION_MSG + checkIfDate(change.originalValue) + Constants.TO + checkIfDate(change.newValue) + Constants.FULLSTOP + '\n';
        });
        return {
          objectType: Constants.TYPE_INFO,
          objectIcon: 'fa-list-ul',
          objectBody: body
        };
      }

在最后附加\ n后，它将在新行的同一行显示输出。

实际输出：

assignedQueue已从Q1更改为Q48。 assignedQueueDate已于2017年6月27日更改为2017年3月7日。

需要输出：

assignedQueue已从Q1更改为Q48。

assignedQueueDate已于2017年6月27日更改为2017年3月7日。

Answer 1

在\n之前添加空格。它在我这边工作。

body += change.fieldName + Constants.QUEUEESCALATION_MSG + checkIfDate
(change.originalValue) + Constants.TO + checkIfDate(change.newValue) + 
Constants.FULLSTOP + ' \n';

更新：

并且你的html应该像使用innerHtml

一样

<div class="timeline-body" [innerHTML]="item.body"></div>

Answer 2

将行划分为'\n'令牌，并将item.body包裹到<pre>中：

    <div class="timeline-body">
      <pre>
{{item.body}}
      </pre>
    </div>

如何在新行上打印输出？

2 个答案:

更新：