AngularJS:如何使用ng-animate在加载时设置ng-repeat动画

Question

各位！

我怎样才能让使用ng-repeat创建的div向下滑动..我的意思是在加载时增大大小。

我希望使用ng-animate来实现这一点，并且动画应该在页面加载时触发。

我正在看文档中给出的this示例，在该示例中，当您过滤项目时，动画运行得很漂亮，但在页面加载时却没有。

我使用的是1.2.0版

一个工作的小提琴或扑通将被感谢。提前谢谢。

Answer 1

为了在页面加载时显示ng-repeat动画，目标数组最初必须为空。然后赋值。

尝试此http://plnkr.co/edit/mRZFFX?p=preview

此演示使用$timeout在稍后时间设置friends值，以便可以触发enter动画。

Answer 2

你能在下面的url示例中查看ng-repeat中的nganimate吗：

http://www.nganimate.org/angularjs/ng-repeat/move

如果你使用的是Angularjs的最新版本，你需要在你的应用中注入'ngAnimate‘，还需要添加依赖的js文件"angular-animate.min.js“。

Answer 3

我也在努力实现这一点。AFAIK唯一的方法是在页面摘要之后添加项目到列表中。

这是Steve Guilford提供的another example，如果有帮助的话。