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 類被刪除。