AngularJS - 动画ng-click转换

时间:2014-06-22 21:57:48

标签: angularjs angularjs-directive

我遵循一个常见的角度动画模式,该模式基本上是基于布尔值的切换。

问题是动画在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;
}

由于

0 个答案:

没有答案