AngularJS Bootstrap-UI：禁用按钮时不隐藏工具提示

发布时间：2020-12-17 07:28:39 所属栏目：安全来源：网络整理

导读：我正在使用AngularJS Twitter Bootstrap和Bootstrap-UI创建一个Web应用程序.当我在按钮上放置工具提示时,它会按预期显示;但是如果按钮在被单击后被禁用(由底层控制器),并且正在显示工具提示,则工具提示不会被隐藏并永远保留在那里.这是一个复制品： Plunker

我正在使用AngularJS Twitter Bootstrap和Bootstrap-UI创建一个Web应用程序.当我在按钮上放置工具提示时,它会按预期显示;但是如果按钮在被单击后被禁用(由底层控制器),并且正在显示工具提示,则工具提示不会被隐藏并永远保留在那里.这是一个复制品：

Plunker：http://embed.plnkr.co/numlaAuLOxh3a03Z7O85/preview

只需将鼠标悬停在按钮上即可显示工具提示,然后单击它.该按钮被禁用,工具提示停留在那里.如何避免此行为并正确隐藏我的提示？

我发现使用简单的替换按钮和锚标签对我来说非常合适.

<a role="button" type="button" class="btn btn-danger" 
    ng-click="someAction()" tooltip="Tooltip" ng-disabled="isDisabled">
      <span class="glyphicon glyphicon-minus"></span>
</a>

（编辑：李大同）

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