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库的依赖。如果我们支持它，我们还有一些研究要弄清楚这会如何影响我们的库大小。

使用AngularJS自动定位工具提示

1 个答案: