AngularJS-为ng单击变换设置动画

我遵循一种常见的角度动画模式，基本上是基于布尔值的切换

问题是，动画在ng click上工作，但下一次ng click仅删除类。第三次ng单击将再次触发动画，依此类推

我需要一种在每次ng单击时都进行动画转换的方法。是否有一种方法可以在动画完成后删除动画类，或者有一种更好的方法不依赖于movieAnimateIn的true/false功能（见下文）

内容都是基于JSON数据的动态内容

我的下一个按钮：

<a href="#" class="button" ng-click="nextMovie(); fadeIn();">Next</a>

---

谢谢

你没有包括/使用吗？是的，动画效果很好，但我不知道如何让它每次都启动，而不是每隔一次。例如，用户单击并触发动画，因为movieAnimateIn更改为true；用户再次单击，movieAnimateIn将更改为false，删除类但不设置动画。

<div class="movie-cover animated" ng-class="{fadeInUp:movieAnimateIn}">

this.fadeIn = function() {
    this.movieAnimateIn = !this.movieAnimateIn;
}