Question

从Angular 1.2更新后，我遇到动画问题 - ＆gt; 1.4。

我通过更改视图容器元素上的css类来设置页面过渡动画。我使用ui-router并在元素上使用ng-class指令。用户使用箭头键（app.run（）中的事件侦听器）进行导航。这将类设置为$ rootScope上的字符串变量'navDirection'（左/右）。

更新后，似乎在动画之后设置了$ rootScope.navDirection。因此，当用户改变方向时动画是错误的。

欢迎任何建议和/或评论！

的index.html

library(zoo)

#data
set.seed(123)
rsi <- round(runif(10,0,100))
rsi
#[1] 29 79 41 88 94  5 53 89 55 46

#apply condition to set -1 and 1
z <- ifelse(rsi >= 70,-1, ifelse(rsi <= 30,1,NA))
z
#[1]  1 -1 NA -1 -1  1 NA -1 NA NA

#Then use zoo function to fill in the NAs with previous non NA value
z <- na.locf(z)
z
#[1]  1 -1 -1 -1 -1  1  1 -1 -1 -1

app.js

<body ng-cloak ng-keydown="handleEvt($event)">
    <div class="page-wrapper page-wrapper--constrain" ng-class="{'page-wrapper--decorate' : decoratePageContent === true}">
        <div class="page-content group position-context">
            <div ui-view class="slide" ng-class="{'at-view-slide-in-left at-view-slide-out-right': navDirection == 'right', 'at-view-slide-in-right at-view-slide-out-left': navDirection == 'left'}"></div>
        </div>
    </div>
</body>

Answer 1

ngAnimate在1.4版内部进行了重构。它不会同时运行Javascript和CSS动画。现在可以通过将$ animateCSS注入javascript定义的动画来实现相同的效果。触发移动动画将始终结束任何待定或活动的基于父类的动画（使用ngClass）。

Angular Animate 1.4太快了

1 个答案: