Angularjs ng重复+;ng动画+;css3转换

Angularjs ng重复+;ng动画+;css3转换,angularjs,css-transitions,delay,ng-repeat,ng-animate,Angularjs,Css Transitions,Delay,Ng Repeat,Ng Animate,当我使用ng动画和css3转换时,在重新初始化集合时ng repeat会有很大的延迟(元素会随着延迟从DOM中消失) 我要在每次迭代中重复create card指令: ng-repeat="card in cards track by $index" card card指令的根节点上有一些转换: .card { transition: transform 0.2s linear; transform: translateX(0); } 重新初始化卡片集合时出现

当我使用ng动画和css3转换时,在重新初始化集合时ng repeat会有很大的延迟(元素会随着延迟从DOM中消失)

我要在每次迭代中重复create card指令:

ng-repeat="card in cards track by $index" card
card指令的根节点上有一些转换:

.card {
        transition: transform 0.2s linear;
        transform: translateX(0);
}
重新初始化卡片集合时出现问题
$scope.cards=[]


您知道如何解决这个问题吗?

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

您应该在不处于元素正常状态的事件上使用transition。我认为,如果在加载.card之后添加第二类.effect并将转换放入其中,则会发生线性转换