微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

angularjs – 如何在禁用按钮上显示ui-boostrap工具提示?

在发布之前,我搜索搜索了一些解决方案,我找到了几种将工具提示应用于禁用按钮的解决方案,无论如何这些都没有使用 angular ui bootstrap的uib-tooltip.

这是我按钮的代码

<button class="btn btn-default"
        uib-tooltip="My tooltip text"
        tooltip-append-to-body="true"
        ng-disabled="!isAllSelected"
        ng-click="doThat()">Click Here
</button>

你是否知道即使按钮被禁用,如何使工具提示显示

解决方法

我不认为它可以在一个按钮上,但如果你使用伪装成按钮而不是按钮的链接,它会起作用:

<a class="btn btn-default"
   uib-tooltip="My tooltip text"
   tooltip-append-to-body="true"
   ng-disabled="!isAllSelected"
   ng-click="doThat()">Click Here
</a>

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 [email protected] 举报,一经查实,本站将立刻删除。

相关推荐