ngAnimate 不工作答案

【问题标题】：ngAnimate not workingngAnimate 不工作
【发布时间】：2015-02-18 02:23:09
【问题描述】：

我正在尝试学习如何将 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

【问题讨论】：

标签： angularjs ng-animate

【解决方案1】：

首先，Angular 添加了.ng-enter 和.ng-enter-active 类，所以.item-ng-enter 和.item-ng-enter-active 是不正确的。第二件事你应该在.ng-animate 类中添加过渡定义，该类在任何其他角度类之前添加：

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

【讨论】：