鼠标悬停的角度动画

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');
        }
      })
    }
  });