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

发布时间：2020-12-17 06:55:09 所属栏目：安全来源：网络整理

导读：在发布之前,我搜索并搜索了一些解决方案,我找到了几种将工具提示应用于禁用按钮的解决方案,无论如何这些都没有使用 angular ui bootstrap的uib-tooltip. 这是我按钮的代码： button class="btn btn-default" uib-tooltip="My tooltip text" tooltip-append-t

在发布之前,我搜索并搜索了一些解决方案,我找到了几种将工具提示应用于禁用按钮的解决方案,无论如何这些都没有使用 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>

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!