我遵循一个常见的角度动画模式,该模式基本上是基于布尔值的切换。
问题是动画在ng-click上工作,但下一次ng-click只会删除这些类。第三次ng-click再次触发动画,依此类推。
我需要一种方法来在每次ng-click上进行动画转换。有没有办法在动画完成后删除动画类,或者有更好的方法来解决这个问题,而不依赖于movieAnimateIn的真/假功能(见下文)。
内容全部基于JSON数据动态显示。
我的下一个按钮:
<a href="#" class="button" ng-click="nextMovie(); fadeIn();">Next</a>
我的动画元素:
<div class="movie-cover animated" ng-class="{fadeInUp:movieAnimateIn}">
我在指令中的代码:
this.fadeIn = function() {
this.movieAnimateIn = !this.movieAnimateIn;
}
由于