Javascript 如何将NGBootstrap工具提示附加到字体图标

尝试在有角度的页面中向字体图标添加工具提示。正常的引导方法似乎被忽略了，所以我尝试使用用于向按钮添加工具提示的NGBootstrap方法，但工具提示从未显示

典型的引导方法会导致错误，悬停时无法将属性“title”设置为undefined

<i class="fa fa-info-circle" data-toggle="tooltip" title="Name here"></i>

---

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

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

这似乎有效：

<i id="icon" class="fa fa-1x fa-info-circle" [ngClass]="icon" aria-hidden="true" placement="right" ngbTooltip="tipContent"></i>

您是否尝试使用元素而不是？错误来自其他地方，已修复该问题。但是仍然没有一个好看的工具提示，只是默认的浏览器提示，带有和。这只是创建了一个大按钮，而不是一个小图标。我可以把它做成一个小按钮，但比起让图标成为触发器更像是一种黑客行为。使用CSS，你可以处理按钮的显示。这不是错误的答案。

<i id="icon" class="fa fa-1x fa-info-circle" [ngClass]="icon" aria-hidden="true" placement="right" ngbTooltip="tipContent"></i>