uib-tooltip:有条件地显示或隐藏工具提示

use*_*928 15 angularjs angular-ui-bootstrap

我想有条件地启用/禁用按钮上的工具提示.我这样做是为了测试禁用状态:

<button type="button" 
    uib-tooltip="test" tooltip-is-open="false">
</button>
Run Code Online (Sandbox Code Playgroud)

但工具提示显示.如何禁用工具提示?

谢谢

Ami*_*mit 30

您可以使用tooltip-enable="flag"这里flag是在您的控制器设置一个布尔值,根据你的业务逻辑

这是一个工具提示启用/禁用的plunker

  • 浏览器不火上禁用的元素的鼠标事件,但有解决方法可以是包裹在外部DIV您的按钮,把你的提示指令对这个包装DIV.您还需要风格你禁用按钮,这样的Z-index低于这个包装下,在禁用状态.我已经更新了plunker.希望能帮助到你. (3认同)