在没有ng-animate的情况下动画ng-repeat

Question

当绑定到ng-repeat的模型数组的顺序在没有ng-animate的情况下使用纯css更改时，有没有办法为转换设置动画？

Answer 1

对的，这是可能的。 您只需要人为地更改分配给ng-repeat中元素的CSS类来触发动画。

例如，在ng-repeat中，从范围变量动态分配类，并在重新排序ng-repeat时更改该变量中的值：

<li class="animate_fadein_{{currentClass}}" data-ng-repeat="user in data_set | orderBy:dynamicOrder:order.reverse"><span>{{user.name}} {{$index}}</span></li>

这是一个小提琴我从一个ng-repeat orderby分叉的例子创建： https ： //jsfiddle.net/meliax/dvgghvch/