Javascript 我可以为使用orderBy的angular ng repeat的排序设置动画吗？

我想设置ng repeat的orderBy排序的动画，以执行类似的操作（使用排序按钮）：

或者这个：

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

以下是我的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>

在html的其他地方，我有一些按钮，它们的ng单击callupdateorder（String）来更改ng repeat按什么字段排序。过滤器也有类似的想法

---

我可以做些什么来轻松设置排序的动画吗？可能是一个外部库？我见过的最接近的一件事是停止ng repeat将我的对象重新加载到DOM，并在设置动画时自己按正确的顺序执行，但对于这样的事情来说，这似乎太复杂了。

你读过了吗？是的，这是我文章中的第二个链接。可能是重复的。你读过吗？是的，这是我文章中的第二个链接。可能是重复的

$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;
    }
}