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

Question

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

Answer 1

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

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

countries[ctry]  = 1 if ctry not in countries else countries[ctry] + 1

这是一个从ng-repeat orderby分叉的小提琴，由以下代码创建： https://jsfiddle.net/meliax/dvgghvch/