ngbpopover文本的新行
问题描述:
我正在使用angular 2和ng bootstrap弹出窗口功能。以下是我的html。我有infoIconText变量有一些新行\ n字符。但是,当我看到popover文本时,我仍然无法看到新行。我如何设计popover文字?有什么建议么?ngbpopover文本的新行
<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";
答
我能够创建一个模板,且引用该模板来解决这个问题。
<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>
这是正确的做法! –