大佬教程收集整理的这篇文章主要介绍了angularjs – Angular Animate 1.4太快了，大佬教程大佬觉得挺不错的，现在分享给大家，也给大家做个参考。
我通过更改视图容器元素上的css类来设置页面过渡动画.@H_772_7@我使用ui-router并在元素上使用Ng-class指令.@H_772_7@用户使用箭头键(app.run()中的事件侦听器)进行导航.这将类设置为$rootScope上的字符串变量’navDirection'(左/右).
更新后,似乎在动画之后设置了$rootScope.navDirection.因此,当用户改变方向时动画是错误的.
任何建议和/或评论表示赞赏！
的index.html
<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>
app.js
var app = angular.module('my-app',[
'ui.router','ngAnimate'
]);
// ...
app.run(function ($rootScope,navigationservicE) {
$rootScope.handleEvt = function(E) {
if ($rootScope.navVisiblE) {
switch (e.which) {
// right
case 37:
$rootScope.navDirection = "right";
navigationservice.navigate(navigationservice.getCurrentPageIndex() - 1);
break;
// left
case 39:
$rootScope.navDirection = "left";
navigationservice.navigate(navigationservice.getCurrentPageIndex() + 1);
break;
}
}
};
// ...
以上是大佬教程为你收集整理的angularjs – Angular Animate 1.4太快了全部内容，希望文章能够帮你解决angularjs – Angular Animate 1.4太快了所遇到的程序开发问题。
如果觉得大佬教程网站内容还不错，欢迎将大佬教程推荐给程序员好友。
本图文内容来源于网友网络收集整理提供，作为学习参考使用，版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ：384754419，请注明来意。