Question

我正在使用angular 2和ng bootstrap popover功能。以下是我的HTML。我有一个infoIconText变量，它有一些新的行\ n字符。但是当我看到弹出文本时，我仍然无法看到新行。如何设置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>

ngbpopover文本的新行

1 个答案: