javascript - 如何将 NGBootstrap 工具提示附加到 Font Awesome 图标

Question

尝试向 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();
    }
};

Answer 1

您也可以尝试使用按钮标签。

<div class="infoCSSClass">
    <button class="icon-info" data-container="body" ngbTooltip="Here is tooltip text"  #toolTip="ngbTooltip"  (click)="toolTip.open()" placement="top"></button>
</div>