Angular Animate幻灯片页面从右到右(nganimate) [英] Angular Animate slide pages in from right and out to right side (nganimate)

问题描述

我正在使用Angular.js进行学校项目.我们还必须在我们的网站中实现一些动画.由于我的网站是主要细节，因此我想滑动详细信息页面(这是单独路由的页面)，以便从右侧滑动.这不是真正的问题.但是，当我回到母版"页面时，母版页面将从右侧滑入.我更希望母版页从左侧滑入.

I'm working on a school project using Angular.js. We also have to implement some animations in our website. Since my website is kind of master-detail, I would like to slide the detail page (which is a separately routed page) to slide in from right. This is not really a problem. But when I would go back to the 'master' page the master page would slide in from right. I'd much rather like the master page to slide in from left.

是否有任何方法可以根据页面获取特定的ng-view动画?我想使用CSS动画，但更多细节.

Is there any way to get a specific ng-view animation depending on the page? I'd like to use CSS animations but that's more of a detail.

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

I'm working with an index.html page with an ng-view in which a template gets loaded according to which page is navigated to.

希望任何人都可以帮助我，谢谢！

Hope anyone can help me, thanks!

推荐答案

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

I've found an article about animations on ng-View: http://scotch.io/tutorials/animating-angularjs-apps-ngview

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

You simply have to add a class on the ng-view container

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

和您的控制器中

$scope.pageClass="pageName";

这篇关于Angular Animate幻灯片页面从右到右(nganimate)的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！