NGX引導popoverTitle呈現爲HTML

我使用NGX引導popver：http://valor-software.com/ngx-bootstrap/#/popover#popover-directive。我能夠將popover主體渲染爲HTML。但是，這對PopoverTitle不起作用。該文檔說popover類型是string | TemplateRef和PopoverTitle是一個字符串，所以很可能我不能像popoverrtitle那樣爲popover標題提供標題。在下面的代碼中：我按照預期的方式將popover正文內容作爲HTML獲取。但是，不適用於popoverTitle。NGX引導popoverTitle呈現爲HTML

< 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。在這種情況下，反正是有渲染popoverTitle字符串作爲HTML（原因是我的標題內容不是純文本，我需要把圖像和其它HTML內容以及）

來源

2017-09-03 user1892775

特點是在路線圖 – valorkin

< 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內容，其中包括酥料餅的標題酥料餅頭類作爲默認酥料餅頭類，其中包括風格刪除默認的填充效果的酥料餅，並使它看起來像酥料餅頭

來源

2018-03-03 03:10:43

NGX引導popoverTitle呈現爲HTML

回答

相關問題