Angular ngbpopover文本的新行

我正在使用angular 2和ng引导popover功能。下面是我的html。我有一个infoIconText变量，它有一些新行字符。但是，当我看到popover文本时，仍然无法看到新行。如何设置popover文本的样式？有什么建议吗

<i class="fa fa-info-circle" ngbPopover="{{infoIconText}}" triggers="mouseenter:mouseleave" aria-hidden="true"></i>

---

我能够通过创建一个模板并引用该模板来解决这个问题

<ng-template #popContent>Line1<br>Line2</ng-template>

<i class="fa fa-info-circle info-icon-background popover-content" [ngbPopover]="popContent" placement="top" triggers="mouseenter:mouseleave" aria-hidden="true"></i>

Line1
Line2

<ng-template #popContent>Line1<br>Line2</ng-template>

<i class="fa fa-info-circle info-icon-background popover-content" [ngbPopover]="popContent" placement="top" triggers="mouseenter:mouseleave" aria-hidden="true"></i>