离开动画不适用于DOM

Question

'use strict';

angular.module('eikonApp')
  .animation('.pageAnimation',function() {

    return {

      leave: function(element, done) {
        console.log("LEAVE");


        element.find('.hidden-elm').each( function(i,v) {
          var self = $(this);
          var animationTypeExit = self.attr('animation-type');
          animationTypeExit =  animationTypeExit.replace(/In/g,"Out");

         self.removeClass(self.attr('animation-type'));
         self.addClass(animationTypeExit);


          done();
        });



      },


      enter: function(element, done) {
        console.log("ENTER");
        element.find('.hidden-elm').each(function(i, v) {
           var self = $(this);

          setTimeout(function() {
            var effect = 'animated ' + self.attr('animation-type');
            self.show();
            self.addClass(effect);
          }, 100 * i);
          done();
        // console.log(self);
       });

      }


    }
  });

我编写了这项服务，将动画添加到角度应用视图中进入和离开事件。当输入事件时，动画会成功添加到DOM中。在离开事件时，动画不适用于DOM。

我正在尝试像这个应用程序一样创建动画 jsfiddle