Как правильно сделать анимацию?

Question

[Roman Gor]

Аяксом подгружается новый контент, если объект массива имеет свойство new – даю ему соответствующий класс:

<div class="list card" ng-class="{new: feed.new == true}">

Нужно что бы было так:
как только появился элемент с таким классом – запустить таймер и через время удалить этот класс.

Пробовал что-то вроде этого:

angular.module('tb.animation.feed', [])
  .animation('.new', function(){
    return {
      addClass: function(element, className){
        console.log('add class')
      },
      removeClass: function(element, className){
        console.log('remove class')
      }
    }
  });

angular.module('tb.animation.feed', [])
  .animation('.new', [function() {
  return {
    // make note that other events (like addClass/removeClass)
    // have different function input parameters
    enter: function(element, doneFn) {
      console.log('enter')
      //jQuery(element).fadeIn(1000, doneFn);

      // remember to call doneFn so that angular
      // knows that the animation has concluded
    },

    move: function(element, doneFn) {
      console.log('move')
      //jQuery(element).fadeIn(1000, doneFn);
    },

    leave: function(element, doneFn) {
      console.log('leave')
      //jQuery(element).fadeOut(1000, doneFn);
    }
  }
}]);

Ни первый, ни второй пример не отрабатывает.
Как мне решить эту проблему?

Answer 1

[Михаил Чирский]

У Angular есть $timeout, погуглите в эту сторону, с анимацией не все так просто