Angularjs angular指令创建类似弹簧的动画

我有一个按钮，我试图给一个弹簧一样的效果，当用户拖动它下来

由于在animate.css中没有发现任何类似弹簧的直接动画，我试图在用户开始拖动时将

slideInDown

class添加到按钮中，并在用户停止拖动时将

slideInUp

class添加到按钮中

但是，我不确定我是否以正确的方式添加了这些类，即指令工作正常，否则，只是没有添加动画类

我的指令是这样的：

.directive('draggable', function ($animate) {
  return function(scope, element) {
       var startX = 0, startY = 0, x = 0, y = 0;

        var el = element[0];
        console.log(el)
        el.draggable = true;
        element.css({
       position: 'relative',
       cursor: 'pointer'
      });
        el.addEventListener(
            'dragstart',
            function(e) {

              $animate.addClass(el, "slideInDown")    
                return false;
            },
            false
        );

        el.addEventListener(
            'dragend',
            function(e) {
              $animate.removeClass(el, "slideInDown")
              $animate.addClass(el, "slideInUp")


                //this.classList.add('animated slideInUp');

               scope.checkBill();
                return false;
            },
            false
        );
    }
})

---

我如何让它工作？我似乎哪里出错了？

在添加或删除类之后，您是否尝试了

scope.$apply（）

。这没什么区别。