ngbpopoverテキストの新しい行

Question

私は角度2とngブートストラップポップオーバー機能を使用しています。以下は私のhtmlです。私は新しい行\ n文字を持つinfoIconText変数を持っています。しかし、私はポップオーバーテキストを見るとまだ新しい行を見ることができません。ポップオーバーテキストのスタイルを設定するにはどうすればよいですか？助言がありますか？次のように

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