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

Question

我有ng-repeat，我想根据控制器（vm）中的变量更改进入/离开动画。 我发现这个（http://www.nganimate.org/），但它的角1.1.5和我使用1.5。 我该怎么做？ 谢谢！

Answer 1

问题是，如果我创建的css与animation.css的名称相同，animation.css总是接管，所以我只是为我的类添加一个前缀，并修复了问题。

Answer 2

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

<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版本角动画相关文件。