嵌套的ng-repeat动画

Question

我一直在尝试动画按行（父ng-repeat）和列（子ng-repeat）划分的元素列表。我已经用ng-repeats实现了我想要的动画。问题是当使用嵌套ng-repeats的相同动画时，动画并不像我预期的那样。这是我目前正在处理的 PLUNKER 。如果有人能指出我正确的方向，我将非常感激。

Answer 1

用于交错的动画范围与存储在动画元素的父级上的唯一ID相关联。默认情况下，这是第一次使用时自动生成的。通过手动将其设置为几个不同元素的相同值，即使它们具有不同的父元素，这些元素中的动画也可以交错。请注意，此技术使用AngularJS-Animation的内部实现细节，可能在将来的版本中不起作用

这是覆盖动画范围ID的指令。将其应用于动画元素的父级。 （example）

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