angular:更新悬停时的范围

Question

当你将鼠标悬停在主div上时,我想默认隐藏一个主div的子div.

我试图让角色中的本地人忘记.hover()jquery 的方式.

我虽然关于使用ng-show子div,然后当我悬停主div时更新绑定.是否有指令倾听徘徊？

Answer 1

你走在正确的轨道上.您实际上可以使用ngMouseenter和ngMouseleave指令来执行此操作.

<span ng-mouseenter="show = true" ng-mouseleave="show = false">
  Mouse over me.
</span>

<div ng-show="show">Hello!</div>

这是一个有效的Plunker:http://plnkr.co/edit/Ro80nR7HT7OGGPCXjz7E？p = preview

@Swordfish0321也是对的 - 你可以编写一个非常简单的指令来专门监听你想要的悬停,但它可能没有必要.例如,我们在UI Bootstrap中使用mouseenter和mouseleave用于工具提示.