使用uib-tab将鼠标悬停在选项卡上时显示工具提示？

Question

我遇到了HTML / Bootstrap问题。我有一组选项卡，我使用Angular Bootstrap（UI Bootstrap）上的uib-tabset指令显示。如果禁用选项卡，我想显示悬停在选项卡上时显示的工具提示。任何人都知道如何做到这一点？这是HTML（我不确定要放什么，这很简单）：

<uib-tab disable="isBracketdisabled">
    <uib-tab-heading>
      I AM A HEADING
    </uib-tab-heading> 
</uib-tab>

如果有人可以提供帮助，我会非常感激。谢谢！

Answer 1

只需使用uib-tooltip选项将tooltip-enable指令应用于标签，只有在满足条件时才会显示工具提示：

<uib-tab uib-tooltip="text" tooltip-enable="isBracketdisabled" 
    tooltip-class="customClass" disable="isBracketdisabled">

关于您的评论，您可以使用tooltip-class属性并传入自定义类来应用自定义样式。然后，您可以在css中根据自己的喜好设计样式：

.tooltip.customClass {
    z-index: 1000
}