Javascript 多个ng leave实例的不同动画？

我正在使用AngularJS构建一个简单的站点。有一个叫做“项目索引”的页面，可以链接到项目详细信息和关于。我想让一种动画应用于访客前往时项目索引的ng休假，另一种动画应用于访客前往项目细节时项目索引的ng休假

---

这可能吗？最好的方法是什么？

如果您使用的是ui路由器，请尝试使用

$rootScope.$on('$stateChangeStart', 

function(event, toState, toParams, fromState, fromParams){ ... })

向该函数添加一些变量

$rootScope.$on('$stateChangeStart',
function(event, toState, toParams, fromState, fromParams){
   if toState.name == 'about'
   $scope.leaveClass = true
   else if toState.name == 'Project Detail'
   $scope.leaveClass = false

然后将类添加到ui视图中

<div ui-view ng-class="{'aboutLeave':$scope.leaveClass,'detailLeave':!$scope.leaveClass}">

---

我没有尝试过，但它应该可以工作：

这是可能的，一种可能最简单的方法是使用CSS自定义动画。您可以查看@maioman的链接。我如何使用CSS针对不同的实例？您目前如何设置动画？并使用您的状态名称、变量和其他，我只是提供了一个快速的方法，你可以做到这一点

.aboutLeave.ng-leave{...}
.detailLeave.ng-leave{...}