AngularJS:如何使用ng-animate为负载上的ng-repeat设置动画

时间:2013-09-09 15:00:24

标签: angularjs

民间!

如何使用ng-repeat向下滑动创建div。我的意思是在ON LOAD上增加大小。

我想使用ng-animate实现此目的,并且动画应该在页面加载时触发。

我正在查看文档中给出的this示例,其中当您过滤项目时动画精美地运行,而不是在页面加载时运行。

我使用的是1.2.0版本

工作小提琴或插头将不胜感激。提前谢谢。

3 个答案:

答案 0 :(得分:18)

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

试试这个http://plnkr.co/edit/mRZFFX?p=preview

此演示使用$timeout在稍后设置friends值,以便触发输入动画。

答案 1 :(得分:2)

你能看一下ng-repeat中的nganimate的例子吗?

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

如果您使用的是最新版本的Angularjs,则需要在应用中注入“ngAnimate”,并且还需要添加“angular-animate.min.js”的相关js文件

答案 2 :(得分:1)

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

another example Steve Guilford如果有帮助的话{{3}}。