Javascript Angularjs:ng enter动画仅触发一次
进入的动画仅在第一次触发 我使用的是Angularjs 1.2.22 考虑到这一点:Javascript Angularjs:ng enter动画仅触发一次,javascript,css,angularjs,animation,ng-animate,Javascript,Css,Angularjs,Animation,Ng Animate,进入的动画仅在第一次触发 我使用的是Angularjs 1.2.22 考虑到这一点: .ng-enter { animation: bounceInUp 2s; } .ng-leave { animation: bounceOutUp 2s; } 这条路线: var app = angular.module('app', ['ngRoute', 'ngAnimate']); app.config(['$routeProvider', function ($routePr
.ng-enter {
animation: bounceInUp 2s;
}
.ng-leave {
animation: bounceOutUp 2s;
}
这条路线:
var app = angular.module('app', ['ngRoute', 'ngAnimate']);
app.config(['$routeProvider',
function ($routeProvider) {
$routeProvider.
when('/horodateur/currentuser', {
templateUrl: 'partials/horodateur/currentuser.html',
controller: 'CurrentUserController'
}).
when('/horodateur/keypad', {
templateUrl: 'partials/horodateur/keypad.html',
controller: 'KeypadController'
}).
otherwise({
redirectTo: '/horodateur/currentuser'
});
}]);
第一次显示部分视图时,我可以看到进入的动画。
第一个局部视图上的按钮将控制权返回给其控制器以加载另一个视图:
app.controller('CurrentUserController',
function ($scope, $location) {
$scope.showKeypad = function () {
$location.path('/horodateur/keypad');
}
});
此时,我可以看到第一个局部视图的离开动画
然后,渲染第二个局部视图,但是这次,没有进入动画。
如果我点击浏览器的“后退”按钮返回到第一个局部视图,我仍然可以看到离开的动画,但看不到另一个局部视图的进入动画
这一定是我不理解的部分视图加载或渲染
有人知道我遗漏了什么吗?我解决了我的问题。我只是不明白为什么 要在前一个视图的退出动画后查看进入的动画,我必须增加进入动画的
动画持续时间
两种速度都是500毫秒,但都不起作用。我必须将离开的动画保持在较低的持续时间(500毫秒),但将进入的动画增加到1500毫秒或更高,以便能够看到它