ngx bootstrap popoverTitleはHTMLとして表示します

Question

私はngxブートストラップポーカーを使用しています：http://valor-software.com/ngx-bootstrap/#/popover#popover-directive。私はpopover本体をHTMLとしてレンダリングすることができます。しかし、それはPopoverTitleでは機能しません。ドキュメンテーションによると、popover型は文字列| TemplateRefとPopoverTitleは文字列なので、popover本体のようにpopovertitleのtitleをHTMLとしてレンダリングすることはできません。次のコードでは、popover本体の内容をHTMLとして期待どおりに取得します。しかし、popoverTitleのためではありません。

< span *ngFor="let item of items;"> 
    < template #popTemplate> 
     <div [innerHtml]="getPopoverDetails(item)"></div> 
    < /template> 
    < template #popTemplate1><div [innerHtml]="getPopoverTitle(item)"></div> 
    < /template> 
    < img class="" [src]="item.image" [popover]="popTemplate" [popoverTitle]="popTemplate1" triggers="mouseenter:mouseleave" 
placement="right"/>         
< /span> 

popoverTitleはTemplateRefをサポートしていないと思います。その場合は、私が含まれるようにコードを変更した

Answer 1

< span *ngFor="let item of items;"> 
    < template #popTemplate> 
     <div class="popover-title popover-header" [innerHtml]="getPopoverTitle(item)" style="margin:-10px -10px -0px -10px;"> 
     <div [innerHtml]="getPopoverDetails(item)"></div> 
    < /template> 
    < img class="" [src]="item.image" [popover]="popTemplate" triggers="mouseenter:mouseleave" 
placement="right"/>         
< /span> 

（私のタイトルの内容は、私がイメージや、他のHTMLコンテンツを入れていないプレーンテキストを必要としているという理由で）HTMLとしてpopoverTitle文字列をレンダリングするために、とにかくそこにありますあなたのタイトルのHTMLコンテンツと、デフォルトのポップオーバーヘッダークラ​​スとしてのpopover-title popover-headerクラスを含み、popoverのためのデフォルトのパディングの効果を取り除き、ポップオーバーヘッダーのように見せるスタイルを含みました。