两种不同的动画来改变路线

您可以通过设置控制器来专门控制视图中的类。然后，您可以在应用程序内订阅事件，并更改页面动画的方式。

<div  ng-controller="viewCtrl">  <div  ui-view ng-></div></div>

然后在您的控制器内

.controller('viewCtrl', function ($scope) {    $scope.$on('$stateChangeSuccess', function (event, toState) {        if (toState.name === 'state1') { $scope.back = true;         } else { $scope.back = false;         }    });});

我已经设置了一个Codepen来在这里演示http://prepen.io/ed_conolly/pen/aubKf

对于任何尝试执行此操作的人，请注意，由于Angular 1.2和UI Router中的动画当前不兼容，我不得不使用ui.router.compat模块。