Angularjs 在ng view动画克隆上设置类

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

我通过在$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="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;
    }
});