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

【问题标题】：Using Angular + ng-animate to animate the list in a circular fashion使用 Angular + ng-animate 以循环方式为列表设置动画
【发布时间】：2016-03-31 03:56:27
【问题描述】：

很遗憾，我是从手机上发布的，所以我面前没有实际的代码。

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

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

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

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

【问题讨论】：

标签： javascript css angularjs

【解决方案1】：

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

【讨论】：