角度ng-repeat动画为DOM添加了两个元素

时间:2016-12-17 12:40:40

标签: angularjs

我正在尝试实现一个非常简单的ng-repeat动画。

  • 添加了动画项目
  • 动画项目已移除

我想使用关键帧动画,所以我在CSS中定义了两个类。

x(y) = round(x1 + (y - y1) / (y2 - y1) * (x2 - x1))

当我向集合添加/删除元素时,不知怎的,我最终在DOM中有两次新项目。一次使用ng-leave(为什么?)和一次使用ng-enter。

以下是我使用的ng-repeat代码:

.add-rem-anim.ng-leave {
  animation: slideOutFrames ease 1000s;
}

.add-rem-anim.ng-enter {
  animation: slideInFrames ease 1000s;
}

enter image description here

enter image description here

0 个答案:

没有答案