ng-bootstrap 工具提示没有显示在正确的位置

Question

我有一个 angular 应用程序，其中在菜单抽屉中我试图使用 ng-bootstrap 的工具提示。 现在这在position=bottom或position=top情况下呈现完美。 在尝试正确使用位置时，工具提示根本没有显示。 我尝试删除各种组件（认为 z-index 可能是这里的问题），即使在独立的情况下，这仍然没有出现。 下面的屏幕截图将进一步解释我的情况。

截图 --> https://i.stack.imgur.com/KySvR.png

版本 --> "@angular/core": "7.1.4", "@ng-bootstrap/ng-bootstrap": "^3.3.1"

<div class="menu-item" placement="right" ngbTooltip="Tooltip contents" >
....
</div>```

Answer 1

您可以尝试将此属性添加到您的菜单项

data-toggle="tooltip"