如何在应用ng-repeat过滤器时为元素重新定位设置动画

时间:2015-12-01 21:27:55

标签: angularjs ng-repeat ng-animate

我有一个div的引导网格布局(2列)(基本上是vcard配置文件)。

它适用于ng-repeat,为每个vcard创建<div class="col-sm-6"></div>

顶部有一个过滤盒,用于过滤卡片,效果很好。

我想如果应用过滤器,而不是卡片消失,重新出现,并立即移动到他们的新位置,我希望他们随机播放,以便我们可以看到卡片从当前位置移动到他们的新位置,以填补消失的卡留下的空白。

我的基本动画已经有效 - 卡片会消失。但是我不确定是否要让它们随意乱窜。我需要什么样的动画?

修改

这是我想要的,除了使用ngrepeat过滤器,而不仅仅是调整屏幕大小。

http://plnkr.co/edit/Ffgrxq?p=preview

0 个答案:

没有答案