javascript - 鼠标悬停的角度动画

Question

我有一个指令需要检查鼠标何时悬停在特定的 DOM 元素上。一旦知道，它将使用 Angular 1.2.0 RC3 中的 $animate 服务向元素添加一些动画。在下面的代码中，attrs.isMouseOver表示检查。这里的问题是我不确定如何使用 attrs 进行检查。注意：除非绝对必须，否则我不想使用 ng-mouseover。

angular.module('App')
  .directive('shift', function ($animate) {
    return function (scope, element, attrs) {
      scope.watch(attrs.isMouseOver, function (hover) {
        if (hover) {
          $animate.addClass(element, 'shift');
        } else {
          $animate.removeClass(element, 'shift');
        }
      })
    }
  });