动画ng-重复，不带ng-animate

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>

下面是我从由https://jsfiddle.net/meliax/dvgghvch/创建的ng-repeat orderby示例派生的小提琴