如何在Angular.js中模型更改时触发动画

Question

所以我有一个像这样的玉石片段

.statusbox 
    h5 {{status}}

相当于

<h5 class = "statusbox"> {{status}} </h5>

两个问题：

1. one：我们可以使用哪个ng指令来触发动画，我们在css文件中定义了
2. 应该为css类使用什么命名约定。

非常感谢！

莱昂

Answer 1

假设您正在使用CSS3动画，

ng-class将正常工作。

<h5 class="statusbox"  ng-class="{ 'animate-class' : foo }">{{status}}</h5>

然后，每当您设置$scope.foo = true时，它都会将课程animate-class添加到您的h5。如果您的CSS3动画设置正确，它应该动画。