ngbpopover文本的新行

Question

我正在使用angular 2和ng bootstrap弹出窗口功能。以下是我的html。我有infoIconText变量有一些新行\ n字符。但是，当我看到popover文本时，我仍然无法看到新行。我如何设计popover文字？有什么建议么？

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

我infoIconText如下：

this.infoIconText = "This is line 1." + 
     "\nThis is line2"; 

Answer 1

我能够创建一个模板，且引用该模板来解决这个问题。

<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>