UI Bootstrap - 如何防止在打开下拉菜单时打开工具提示

Question

我有一个通过单击图形触发的下拉菜单。 glyphicon有一个ui-bootstrap工具提示，在鼠标输入/鼠标离开时触发。点击图标后，工具提示也会触发关闭，并显示下拉菜单。

但是，一旦打开下拉菜单，如果触发鼠标输入，则会再次显示工具提示。我想阻止鼠标输入在下拉打开时触发工具提示。

为glyphicon HTML和下拉为：

<span class="" uib-dropdown-toggle> 
    <span class="glyphicon glyphicon-sort category-sort-icon" uib-tooltip="Sort" 
     tooltip-placement="left" tooltip-is-open="sortTooltipIsOpen" 
     ng-click="sortTooltipIsOpen = !sortTooltipIsOpen"> 
    </span> 
</span> 

<ul uib-dropdown-menu class="dropdown-menu-right"> 
    <li ng-repeat="s in sortDesc" ng-click="sortBy(s)"><a href="#">{{s}}</a></li> 
</ul> 

我已经创建plnkr准确地展示它是如何工作的：http://plnkr.co/edit/aeOuJasEHFUH505o2L8T

任何想法如何做到这一点？

Answer 1

这是工作plnkr。我用“is-open”属性来检测下拉是否打开。基于此，我已禁用/启用了工具提示。我希望它有帮助。

我已经加入提示启用= “！isDropdownOpen”的工具提示和是开= “isDropdownOpen”到UIB-下拉。

<span class="" uib-dropdown is-open="isDropdownOpen"> 

     <span class="" uib-dropdown-toggle> 

      <span class="glyphicon glyphicon-sort category-sort-icon" uib-tooltip="Sort" 
       tooltip-placement="left" tooltip-is-open="sortTooltipIsOpen" 
       ng-click="sortTooltipIsOpen = !sortTooltipIsOpen" tooltip-enable="!isDropdownOpen" > 
      </span> 

     </span> 

     <ul uib-dropdown-menu class="dropdown-menu-right"> 
      <li ng-repeat="s in sortDesc" ng-click="sortBy(s)"><a href="#">{{s}}</a></li> 
     </ul>