ngb popover 不呈現 html 編碼

Question

我需要在 ngbPopover 中渲染一些文本，我可以做到。
這里的問題是我需要在文本之間換行。

我嘗試使用 <br>, \\n, \ nothings 對我有用 <br> 按原樣顯示，對於 \\n 和 \ 我在屏幕上看不到任何影響。

以下是我的代碼供參考。

html

<ng-template #subCoveragePopup>
   <div class="sub-coverage-tooltip">
      <div class="details">
        <div *ngFor="let subCov of getSubCoverageDescription(quoteCoverage.coverage)">
          <div class="title">{{subCov.code}}</div>
          <div class="">{{subCov.name}}</div>
        </div>
      </div>
   </div>
</ng-template>

在subCov.name我通過 angular 得到以下文本 ->

測試：這是第 1 行\ 這是第 2 行

要么

測試：這是第 2 行 \\n 這是第 2 行

要么

測試：這是第 <BR> 這是第 2 行

使用所有三個選項，我無法顯示換行符。 有什么我想念的嗎？

Answer 1

將 css 樣式添加到同一個 div ：

<ng-template #subCoveragePopup>
   <div class="sub-coverage-tooltip">
      <div class="details">
        <div *ngFor="let subCov of getSubCoverageDescription(quoteCoverage.coverage)">
          <div class="title">{{subCov.code}}</div>
          <div class="splitLine">{{subCov.name}}</div>
        </div>
      </div>
   </div>
</ng-template>

.splitLine {
    style="white-space: pre;"
}