我可以为使用orderBy的角度ng重复的排序设置动画吗？

Question

我想设置ng-repeat命令的排序动画来做类似的事情（使用排序按钮）：

http://tristanguigue.github.io/angular-dynamic-layout/

或者： How can I animate sorting a list with orderBy using ng-repeat with ng-animate?

这两个问题都是我有很多动态变化的订单和过滤器。第一个需要完全重写我的代码，而第二个似乎只能用于一种类型的排序。

这是我的ng-repeat html，所以你可以看到我的意思：

<span class="card" ng-repeat="acqui in acquis | orderBy:order:reverse | fieldFilter: fieldFilter | countryFilter: countryFilter | filter: undisclosedFilter | filter:searchText | limitTo: quantity">
    <card-info class="card move-items-animation" acqui="acqui"</card-info>
</span>

我的订单方法：

$scope.order = 'date';
$scope.reverse = true;
var current = $scope.order;
$scope.updateOrder = function(order) {
    console.log(order);
    if(current === order) {
        $scope.reverse = !$scope.reverse;
    } else if($scope.reverse) {
        $scope.reverse = false;
        $scope.order = order;
        current = order;
    } else {
        $scope.order = order;
        current = order;
    }
}

在我的html的其他地方，我有按钮，其ng-click调用updateOrder（String）来更改字段ng-repeat命令所有内容。与过滤器类似的想法。

我能做些什么来轻松制作排序动画？可能是外部库？我所看到的最接近的事情是停止ng-repeat从重新加载我的对象到DOM，并在动画时以正确的顺序自己这样做，但对于像这样的事情来说这似乎过于复杂。