angularjs - 使用 AngularJS 自动定位工具提示

Question

我想自动定位我的工具提示，就像我在浏览器滚动条的顶部一样，并且第一行中有一个带有工具提示的链接，那么工具提示必须显示在底部。

有没有办法只使用angularjs？

我正在使用 angular-ui-bootstrap

<a href="#" tooltip-template="'tool.html'" tooltip-class="customclass">My template</a>
<style>
    .tooltip.customclass .tooltip-inner {
        color: #414141;
        background-color: #f1f1f1;
        box-shadow: 0 6px 12px rgba(0,0,0,.175);
    }
    .tooltip.customclass .tooltip-arrow {
        display: none;}
</style>
<script type="text/ng-template" id="tool.html">
    <span>Special Tooltip with <strong>markup</strong></span>
</script>`

Answer 1

我们正在通过 https://github.com/angular-ui/bootstrap/issues/375 跟踪此事并且目前没有编码解决方案。但是，请随时订阅该问题以获取更新，也请参阅 this link从上述问题中寻找解决方法。

由于 Bootstrap 4 添加了对 Tether 库的依赖，事情可能会变得更加棘手。如果我们支持它，我们还有更多的研究要做，以弄清楚这如何影响我们的库大小。