我正在使用 ngx bootstrap popver:http: //valor-software.com/ngx-bootstrap/#/popover#popover-directive。我能够将弹出框体呈现为 HTML。但是,这不适用于 PopoverTitle。文档说 popover 类型是 string | TemplateRef 和 PopoverTitle 是一个字符串,所以我可能无法像对 popover 正文所做的那样,将标题呈现为 popovertitle 的 html。在下面的代码中:我按预期将弹出框正文内容作为 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。在那种情况下,无论如何将popoverTitle字符串呈现为HTML(原因是我的标题内容不是纯文本,我还需要放置图像和其他html内容)