如何自动隐藏ui-bootstrap工具提示

Question

我正在使用https://angular-ui.github.io/bootstrap/在使用AngularJS开发的html页面中显示工具提示。我可以访问tooltip-is-open属性来显示和隐藏工具提示。但我无法使用自定义指令实现相同的功能。

    self.Product = mommy.make(Products, _quantity=2, discount=10)

当我运行代码时，由控制器管理的Button2的工具提示触发器正在工作，但由指令管理的Button1的工具提示触发器不起作用。该工作示例发布在以下plunker链接https://plnkr.co/edit/0bwCpPVYDAUiQkW6oIu3?p=preview

中

Answer 1

根据https://angular-ui.github.io/bootstrap/

的指导原则

您可以使用tooltip-popup-close-delay指令来应用隐藏延迟， 和tooltip-trigger接受多个空格分隔的值，如mouseenter click，无需绑定外部鼠标输入事件

参考这些属性的定义，