ng-repeat 中的 Angular UI 工具提示未关闭 [英] Angular UI tooltip in ng-repeat not closing

问题描述

请看下面的plunker:http://plnkr.co/edit/RPpjULZsSDnTFPKiafl2

Please see the plunker below: http://plnkr.co/edit/RPpjULZsSDnTFPKiafl2

基本上，当向上/向下移动到 ng-disabled 为真的位置时，angular-ui 工具提示仍然存在.任何有关如何解决问题的想法将不胜感激！

Basically, the angular-ui tooltip remains when moving up / down to a position where ng-disabled is true. Any thoughts on how to fix the issue would be much appreciated!

我使用的是 Chrome，但问题在 Firefox 中显得更为严重，即使删除了 ng-disabled，工具提示仍然保留在 mouseleave 上.

I'm using Chrome, but the issue appears more serious in Firefox where even with ng-disabled removed the tooltips still remain on mouseleave.

推荐答案

您可以使用 $tooltipProvider 并更改触发器映射以将 click 作为附加隐藏触发器对于 mouseenter 显示触发器:

You can use the $tooltipProvider and alter the trigger map to take click as an additional hide trigger for the mouseenter show trigger:

myApp.config(['$tooltipProvider', function($tooltipProvider){
  $tooltipProvider.setTriggers({
    'mouseenter': 'mouseleave click'
  });
}]);

v0.9.0 of AngularUI 遇到了这个问题，导致了错误(虽然仍然有效)删除按钮(例如)有工具提示.此问题随后在 v0.10.0 中得到修复.

v0.9.0 of AngularUI suffered from this issue which caused errors (although still worked) on delete buttons (for instance) which had a tooltip. This has been subsequently fixed in v0.10.0.

这是它的实际演示

这篇关于ng-repeat 中的 Angular UI 工具提示未关闭的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！