ng-repeat + ng-animate + css3过渡

Question

当我使用ng-animation和css3转换时，我在重新初始化集合时遇到了很大的延迟（元素从DOM中消失了）。

我在每次迭代时都有重复创建卡指令：

ng-repeat="card in cards track by $index" card

在card指令的根节点上有一些转换：

.card {
        transition: transform 0.2s linear;
        transform: translateX(0);
}

重新初始化卡片收集时出现问题$scope.cards = []

你知道如何解决这个问题吗？

Answer 1

您应该使用不在元素正常状态的事件的转换。我认为如果加载.card后你会添加第二个类.effect并将变换放入其中，就会发生线性转换。