ng-repeat中的Angular UI工具提示未关闭

时间:2014-04-29 13:24:38

标签: angularjs angular-ui angular-ui-bootstrap

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

基本上,当向上/向下移动到ng-disabled为真的位置时,angular-ui工具提示保持不变。任何有关如何解决问题的想法都将非常感谢!

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

2 个答案:

答案 0 :(得分:3)

您可以使用$tooltipProvider并更改触发器地图,将click作为mouseenter节目触发器的附加隐藏触发器:

myApp.config(['$tooltipProvider', function($tooltipProvider){
  $tooltipProvider.setTriggers({
    'mouseenter': 'mouseleave click'
  });
}]);
AngularUI的v0.9.0遭遇this issue,导致错误(尽管仍然有效)在删除按钮(例如)上有一个工具提示。随后在v0.10.0中修复了这个问题。

Here's a demo of it in action

答案 1 :(得分:0)

我认为禁用ng也会禁用触发按钮上的任何事件。然后,当您将行向下移动到最后一行(或直到第一行)时,事件处理程序将在处理mouseout事件之前被禁用。如果在处理单击事件时“手动”触发mouseout事件,则此方法有效。

plunker

这实际上可能是一个值得指出角色团队的错误。