Angular Animate 将页面从右侧向内和向外向右侧滑动 (nganimate）

Angular Animate slide pages in from right and out to right side (nganimate)

本文关键字：nganimate Angular Animate 更新时间：2023-09-26

我正在使用Angular.js做一个学校项目。我们还必须在我们的网站上实现一些动画。由于我的网站是主详细信息，因此我想将详细信息页面（这是一个单独路由的页面）从右侧滑入。这不是真正的问题。但是当我回到"母版"页时，母版页会从右侧滑入。我宁愿母版页从左边滑入。

有没有办法根据页面获得特定的ng视图动画？我想使用CSS动画，但这更像是一个细节。

我正在使用一个带有 ng 视图的索引.html页面，其中根据导航到哪个页面加载模板。

希望有人能帮助我，谢谢！

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

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

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

并在您的控制器中

$scope.pageClass="pageName";