民间!
如何使用ng-repeat
向下滑动创建div。我的意思是在ON LOAD上增加大小。
我想使用ng-animate
实现此目的,并且动画应该在页面加载时触发。
我正在查看文档中给出的this示例,其中当您过滤项目时动画精美地运行,而不是在页面加载时运行。
我使用的是1.2.0版本
工作小提琴或插头将不胜感激。提前谢谢。
答案 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}}。