使用ngx-bootstrap显示字符串变量中元素的工具提示

时间:2019-12-07 12:23:06

标签: angular ngx-bootstrap

我想使用TooltipModule(ngx-bootstrap)来显示变量中按钮的工具提示:

打字稿:

public htmlContent=`<button type="button" class="btn btn-primary" tooltip="First Tooltip">First Buttons</button>
<button type="button" class="btn btn-primary" tooltip="Second Tooltip">Second Buttons</button> `; 

html:

<div class="mt-5">
     <div [innerHTML]="this.htmlContent |safeHtml"></div>
</div>

它不起作用。

稍后,我将通过API获得htmlContent。

如果我直接将按钮放在html中,则效果很好

<button type="button" class="btn btn-primary"
        tooltip="Vivamus sagittis lacus vel augue laoreet rutrum faucibus.">Simple demo
</button>

Stackblitz Here

0 个答案:

没有答案