Question

我有ng-repeat，我想根据控制器（vm）的变量更改进入/离开动画。我找到了这个（http://www.nganimate.org/），但它的角度为1.1.5，而我使用的是1.5。我怎样才能做到这一点？谢谢！

Answer 1

只需在样式表中创建一些动画类，然后根据您喜欢的ng-class中的任何变量，通过vm切换它们。下面可能是你的标记：

<ul>
  <li ng-repeat="item in vm.items track by item.id"
      ng-class="{
        'animation-1-class': vm.varOfYourChoice,
        'animation-2-class': !vm.varOfYourChoice
      }"
  ></li>
</ul>

你的样式表：

.animation-1-class.ng-enter,
.animation-1-class.ng-leave.ng-leave-active { ... }

.animation-1-class.ng-leave,
.animation-1-class.ng-enter.ng-enter-active { ... }

.animation-2-class.ng-enter,
.animation-2-class.ng-leave.ng-leave-active { ... }

.animation-2-class.ng-leave,
.animation-2-class.ng-enter.ng-enter-active { ... }

here是关于您正在使用的AngularJs版本的角度动画的相关文档。

Answer 2

问题在于，如果我创建与animation.css同名的css，那么animation.css总会接管，所以我只是在我的类中添加一个前缀，并解决了这个问题。

动态更改进入/离开动画类名称

2 个答案: