尝试向 Angular 页面中的超赞字体图标添加工具提示。正常的 Bootstrap 方法似乎被忽略了,所以我尝试使用用于向按钮添加工具提示的 NGBootstrap 方法,但工具提示从未显示。 https://ng-bootstrap.github.io/#/components/tooltip/examples
典型的 Bootstrap 方法会导致 Cannot set property 'title' of undefined when hovering 的错误。
<i class="fa fa-info-circle" data-toggle="tooltip" title="Name here"></i>
在组件中:
ngafterviewinit() {
$(function() {
$('[data-toggle="tooltip"]').tooltip();
}
};
最佳答案
您也可以尝试使用按钮标签。
<div class="infoCSSClass">
<button class="icon-info" data-container="body" ngbTooltip="Here is tooltip text" #toolTip="ngbTooltip" (click)="toolTip.open()" placement="top"></button>
</div>
关于javascript - 如何将 NGBootstrap 工具提示附加到 Font Awesome 图标,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/51673408/