javascript - ng-bootstrap 工具提示未显示在右侧位置

标签 javascript css angular

我有一个 Angular 应用程序,其中在菜单抽屉中我试图使用 ng-bootstrap 的工具提示。现在这在 position=bottomposition=top 的情况下呈现得非常好。在尝试使用右侧位置时,工具提示根本不显示。我尝试删除各种组件(认为 z-index 可能是这里的问题),即使在独立的情况下,这仍然没有出现。下面的截图将进一步解释我的情况。

截图 --> /image/KySvR.png

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

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




最佳答案

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

data-toggle="tooltip"

关于javascript - ng-bootstrap 工具提示未显示在右侧位置,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/57409553/

相关文章:

javascript - 如何在面向公众的网站上包含 JavaScript?

javascript - 堆叠 HTML 元素的顺序

node.js - ng serve编译后如何使用命令提示符

javascript - 如何更改页面滚动的元素样式?

javascript - 如何以 Angular 获取具有可观察居中文本的 Chart js?

Javascript正则表达式(提取字符串)

javascript - 如何在向下滚动时转换我的 Img 大小

值为空时 Chrome 中的 HTML 输入光标位置问题

没有路由器或导入或 loadChildren 的组件 Angular 延迟加载

angular - 自定义 Angular 输入掩码