我正在使用AngularJS作为移动网络应用程序，并希望得到一些类似移动设备的＆＃34;动画让它看起来非常锐利。我的理想目标是与iPhone的Gmail应用程序类似的动画，其中包含许多动画，例如从左/右/下滑动的页面。菜单栏同时淡入/淡出。
我认为一次应用多个动画需要不止一个ng-view，目前还不支持，所以我会推迟。
现在，我只想制作一个简单的向左滑动和向右滑动动画，类似于在页面之间来回移动应用程序的工作量。我希望在我的应用程序中有一个Back按钮，并且能够以某种方式指定此动画应该从右到左。我可以说一个Forward按钮有一个从左到右的动画等等。
这个页面正是我想要的（第二个演示页面向左和向右滑动）： http://blog.revolunet.com/blog/2013/04/30/angularjs-animations-mobile-applications/
但是，此演示使用的是已弃用的ng-animate命令。我还没有能够转换它。
我尝试使用新的AngularJS动画方式来实现这一点。我认为我遇到的问题是，当我更改路线时，我同时有两个ng-view和＃34;旧的＆＃34;一个人仍然应用了动画，所以看起来很奇怪。
以下是我的尝试：http://plnkr.co/edit/Xa6Mvbfmux4BAISj9tJb?p=preview
尝试每次按Run / Stop。我喜欢当你第一次运行并按B时，两个页面一起滑出。但是当你第二次按A时，一页保持右滑动画，而另一页保持左滑动，我不喜欢。我还尝试删除ng-leave CSS类，但这也增加了一些奇怪的问题。
如何更新此代码以使标准的从左到右和从右到左的滑动动画有效？ 额外奖励：如何构建代码以轻松指定我希望每个路径/视图更改为动画的方式？ （例如：A到B =左/右，B到A =右/左）