Angularjs 在ng view动画克隆上设置类
我通过在$routeChangeStart事件上设置类来设置ngView的动画。它按预期工作,下一页加载新类+ng动画ng enter ng enter active,上一页克隆将旧类+ng动画ng LEVE ng LEVE active,如下所示:Angularjs 在ng view动画克隆上设置类,angularjs,ng-animate,ng-view,Angularjs,Ng Animate,Ng View,我通过在$routeChangeStart事件上设置类来设置ngView的动画。它按预期工作,下一页加载新类+ng动画ng enter ng enter active,上一页克隆将旧类+ng动画ng LEVE ng LEVE active,如下所示: <div ng-view class="page1transition ng-animate ng-leave ng-leave-active" data-ng-animate="2"> <div ng-view class="p
<div ng-view class="page1transition ng-animate ng-leave ng-leave-active" data-ng-animate="2">
<div ng-view class="page2transition ng-animate ng-enter ng-enter-active" data-ng-animate="2">
并在$routeChangeStart事件中应用它们
$rootScope.$on('$routeChangeStart', function(event, next, current)
{
if (current && current.$$route.animation)
{
$rootScope.pageClass = next.$$route.animation;
}
});
似乎ng animate应用了哪个动画属于进入和退出页面,但是我希望这两个动画都基于正在加载的下一个页面。page1transition leave动画实际上与page2transition enter动画不匹配,但是page2transition enter动画与page2transition leave动画匹配
基本上,我想同时控制ng view和ng animate创建的ng view克隆的类。实现这一目标的最佳方式是什么
$routeProvider
.when('/statuses/',
{
controller: 'StatusesController',
templateUrl: 'views/statuses/index.html',
action: 'index',
title: 'Statuses',
animation: 'page1transition',
leftMenuButton: true
})
.when('/statuses/new',
{
controller: 'StatusesController',
templateUrl: 'views/statuses/form.html',
action: 'new',
animation: 'page3transition',
title: 'Create Status'
})
.when('/statuses/:statusId',
{
controller: 'StatusesController',
templateUrl: 'views/statuses/show.html',
action: 'show',
animation: 'page21transition',
title: 'Status'
})
$rootScope.$on('$routeChangeStart', function(event, next, current)
{
if (current && current.$$route.animation)
{
$rootScope.pageClass = next.$$route.animation;
}
});