Angular animate and callback. How?

Question

Angular

Example link: https://passwordkeeper-yarkovaleksei.c9users.io/bu...
Try deleting an element with the button in the right column. See? The animation hasn't finished yet, and the element has been removed. How to do the opposite? I do animation like this:

/*global angular*/

(function() {
  'use strict';

  angular
    .module('App')
    .animation('.slide-item', [function() {
      return {
        enter: function(element, doneFn) {
          jQuery(element).fadeIn(1000, doneFn);
        },
        
        move: function(element, doneFn) {
          jQuery(element).fadeIn(1000, doneFn);
        },
        
        leave: function(element, doneFn) {
          jQuery(element).fadeOut(1000, doneFn);
        }
      };
  }]);

})();

Answer 1

The animation works correctly, the problem is track by $index in your template. Here, read
stackoverflow.com/questions/18432584/ng-animate-an...