使用AngularJS自动定位工具提示

前端之家收集整理的这篇文章主要介绍了使用AngularJS自动定位工具提示前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我想自动定位我的工具提示,就像我在浏览器滚动条的顶部,并且第一行中有工具提示链接,然后必须在底部显示工具提示.

有没有办法只使用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,.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>`

解决方法

我们正在通过 https://github.com/angular-ui/bootstrap/issues/375跟踪此信息,目前还没有编码解决方案.但是,请随时订阅该问题以获取更新,另请参阅上述问题中的 this link获取解决方法.

使用Bootstrap 4可能会让事情变得更加棘手,因为他们已经添加了对Tether库的依赖.如果我们支持它,我们还有一些研究要弄清楚这会如何影响我们的库大小.

猜你在找的Angularjs相关文章