Javascript NgAnimate不工作-角度

我无法理解如何让我的ngAnimate使用此视图：

我希望包含“链接”一词的链接会使灰色框滑出

---

感谢您的帮助。

1.2中不推荐使用ng animate属性。

在1.2中，使用特殊的命名约定定义适当的CSS类。如果想要一个特定的名称，如“animation”，则需要将该类添加到要设置动画的元素中

只要您有正确的CSS类，一些指令就会自动设置动画。您可以在这里找到哪些选项：

这就是在第二个示例中仅定义“.ng enter”类时动画工作的原因。但是，这将自动设置所有支持enter动画的指令的动画

我已经更新了您的第一个示例，使其与名为“animation”的类一起工作：

HTML:

请看这个Plunker：

<li ng-repeat="item in items" class="animation">{{item}}</li>

   .animation {
  -webkit-transition: 1s;
}

.animation.ng-enter {
  opacity: 0;
}

.animation.ng-leave {
  opacity: 1;
}

.animation.ng-enter.ng-enter-active {
  opacity: 1;
}

.animation.ng-leave.ng-leave-active {
  opacity: 0;
}