ng-repeat + ng-animate + css3 过渡

Question

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

我有 ng-repeat 在每次迭代时创建卡片指令：

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 并将转换放入其中，则会发生线性转换。