Блог

Я пытался анимировать список элементов, разделенных на строки (родительские ng-repeat ) и столбцы (дочерние ng-repeat ). Я добился анимации, которую хотел, по отдельности ng-repeats . Проблема в том, что при использовании одной и той же анимации с вложенной ng-repeats анимация получается не совсем такой, какой я ее ожидал. Вот ПЛУНЖЕР, над которым я сейчас работаю. Если кто-нибудь может указать мне правильное направление, я был бы очень признателен.

Область анимации, используемая для перемещения в шахматном порядке, привязана к уникальному идентификатору, хранящемуся в родительском элементе анимированного элемента. По умолчанию это автоматически генерируется при первом использовании. Установив вручную одно и то же значение для нескольких разных элементов, анимации в этих элементах могут быть расположены в шахматном порядке, даже если у них разные родители. Обратите внимание, что этот метод использует внутренние детали реализации AngularJS-Animation и может не работать в будущих версиях

Вот директива, которая переопределяет идентификатор области анимации. Примените его к родительскому элементу анимированных элементов. (пример)

 .directive('forceAnimationScope', function()
{
  return {
    restrict: 'A',
    link: function(scope, element, attributes) {
      element.data('$ngAnimateKey', attributes.forceAnimationScope);
    }
  };
});