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

时间:2015-12-24 19:46:28

标签: javascript css angularjs

不幸的是,我是在移动设备上发布此内容,因此我不会在我面前提供实际代码。

但是,这就是我简而言之的问题。我有一个基本的Angular控制器,其数组附加到具有图像文件名称的范围。在我的HTML中,我使用ng-repeat和过滤器:limitTo使用数组中的文件名显示9个图像。这很好用。 我想要实现的是使用前进和后退按钮滚动列表的能力。此外,我想要无限滚动图像。我通过应用

实现了这一目标
$scope.images.push ($scope.images.shift());

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

我有什么明显的遗失吗?

1 个答案:

答案 0 :(得分:0)

哇哇哇哇哇哇哇哇哇哇哇哇哇哇哇哇哇哇哇哇哇哇哇哇哇哇哇哇 似乎解决了我的大多数问题。我不确定为什么会这样,但确实如此!