ngMouseenter 和 ngMouseleave

当你悬停进出 DOM 元素时，ng-mouseenter 和 ng-mouseleave 指令对于运行事件和应用 CSS 样式非常有用。

ng-mouseenter 指令运行一个表达式鼠标输入事件（当用户将鼠标指针放在此指令所在的 DOM 元素上时）

HTML

<div ng-mouseenter="applyStyle = true" ng-class="{'active': applyStyle}">

在上面的例子中，当用户将鼠标指向 div 时，applyStyle 转向 true，而 true 又在 ng-class 处应用了 .active CSS 类。

ng-mouseleave 指令运行一个表达式鼠标退出事件（当用户将鼠标光标从该指令所在的 DOM 元素中移开时）

HTML

<div ng-mouseenter="applyStyle = true" ng-mouseleaver="applyStyle = false" ng-class="{'active': applyStyle}">

重用第一个例子，现在当用户将鼠标指针从 div 移开时，.active 类被删除。