javascript - Angular Animate 从右向右滑动页面(nganimate)

Question

我正在使用 Angular.js 开展一个学校元素。我们还必须在我们的网站中实现一些动画。由于我的网站有点主从，我想滑动详细信息页面(这是一个单独路由的页面)从右侧滑入。这不是真正的问题。但是当我返回“母版”页面时，母版页会从右侧滑入。我更希望母版页从左侧滑入。

有什么方法可以根据页面获取特定的 ng-view 动画吗？我想使用 CSS 动画，但这更像是一个细节。

我正在使用带有 ng-view 的 index.html 页面，其中根据导航到的页面加载模板。

希望有人能帮帮我，谢谢!

Answer 1

我在 ng-View 上找到了一篇关于动画的文章: http://scotch.io/tutorials/animating-angularjs-apps-ngview

你只需在 ng-view 容器上添加一个类

<div class="page {{ pageClass }}" ng-view></div>

在你的 Controller 中

$scope.pageClass="pageName";