javascript - 使用 Angular + ng-animate 以循环方式为列表设置动画

Question

不幸的是，我是通过手机发布的，所以我没有实际的代码。

但是，简而言之，这是我遇到的问题。我有一个基本的 Angular Controller ，它有一个数组附加到带有图像文件名称的范围。在我的 HTML 中，我使用带有过滤器的 ng-repeat:limitTo 使用数组中的文件名显示 9 个图像。这工作正常。我想要实现的是使用前进和后退按钮滚动列表的能力。我也想无限滚动图像。我能够通过应用

$scope.images.push ($scope.images.shift());

到阵列。到目前为止，这似乎工作正常。但是，即使在谷歌搜索问题并检查文档 10 次之后，我似乎也无法弄清楚 ng-animate。我想要的是图像列表向左或向右平滑滚动。 ng-animate 的 CSS 类似乎都无法正常工作，只有 ng-enter 似乎适用于第一张图片。当我摆脱 ng-repeat 上的过滤器时，ng-move 似乎适用于除第一张和最后一张图像之外的所有图像。所以现在我所能做的就是要么为除第一个和最后一个之外的所有动画并失去过滤图像的能力，或者只为第一个和最后一个具有过滤能力的动画。

我在这里明显遗漏了什么吗？

Answer 1

哇，经过这么多的搜索和广泛的优化，我的谷歌搜索偶然发现了这个答案:How can I animate the movement of remaining ng-repeat items when one is removed?似乎解决了我的大部分问题。我不确定为什么会这样，但确实如此!