Question

我有一种情况，当用户悬停按钮时，它会在稍微延迟后显示一点弹出窗口。

tt = angular.element(element);
  ...
  showTooltipFn = function() {
    setTimeout(function() {
      tt.tooltip("show");
    }, 700);
  };

但是，当您说将鼠标快速悬停在其他按钮上时，它将显示您悬停的所有按钮。我只想在当前悬停的按钮上显示弹出窗口。如果我不再徘徊取消节目。

有没有办法用AngularJS做到这一点？检查我是否还在徘徊？

Answer 1

ngMouseLeave允许您在mouseleave上评估表达式。

AngularJS Docs的示例

<div id="bounds">
  <label class="off"><input type="radio" name="toggle" checked><span></span></label>
  <label class="on"><input type="radio" name="toggle"><span></span></label>

</div>

对于你的情况......

<button ng-mouseleave="count = count + 1" ng-init="count=0">
  Increment (when mouse leaves)
</button>
count: {{count}}

不再悬停时取消悬停操作？

1 个答案: