javascript - 嵌套 ng-repeat 动画

Question

我一直在尝试为按行（父ng-repeat）和列（子ng-repeat）划分的元素列表制作动画。我已经单独实现了我想要的动画ng-repeats。问题是当使用同一个动画和嵌套ng-repeats时，动画并不是我所期望的那样。这是我目前正在研究的PLUNKER 。如果有人能指出我正确的方向，我将不胜感激。

Answer 1

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

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

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