Question

我正在尝试学习如何将ngAnimate与ngRepeat一起使用，但在我的示例中，这些项目只是显示而不是动画。

我包含了ngAnimate，把它作为模块中的依赖项，给了我的ngRepeat一类项目，并创建了以下内容。

.item-ng-enter {
  position: relative;
  opacity: 0.0;
  height: 0;
  left: 10px;
}
.item-ng-enter.item-ng-enter-active {
  transition: all 0.5s ease;
  opacity: 1.0;
  left: 0;
  height: 18px;
}

Plnkr：http://plnkr.co/edit/EVFUww7dfUAJzQqth7mx

Answer 1

首先，Angular添加了.ng-enter和.ng-enter-active类，因此.item-ng-enter和.item-ng-enter-active不正确。第二件事你应该在.ng-animate类中添加转换定义，它在任何其他角度类之前添加：

.item.ng-animate { transition: all 0.5s ease; }

ngAnimate无法正常工作

1 个答案: