在沒有ng動畫的情況下動畫ng-repeat

Question

當沒有ng-animate的情況下，綁定到ng-repeat的模型數組的順序隨純css而變化時，是否有辦法對動畫進行動畫處理？

Answer 1

是的，這是可能的。你只需要人工改變分配給ng-repeat中元素的CSS類來觸發動畫。

例如在NG-重複動態地從一個範圍變量分配類和當NG重複重新排序，在變量更改值：

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

這裏有一個小提琴我從NG-分叉通過示例創建的重複order： https://jsfiddle.net/meliax/dvgghvch/