Angular Animate从右侧和右侧滑动页面(nganimate)

时间:2014-12-25 16:21:25

标签: javascript css angularjs ng-animate

我正在使用Angular.js开展学校项目。我们还必须在我们的网站上实现一些动画。由于我的网站是一种主要细节,我想滑动详细页面(这是一个单独的路由页面)从右侧滑入。这不是一个真正的问题。但是当我回到主人那里时页面主页面将从右侧滑入。我更喜欢从左侧滑入的母版页。

有没有办法根据页面获取特定的ng-view动画?我想使用CSS动画,但更多的是细节。

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

希望有人能帮助我,谢谢!

1 个答案:

答案 0 :(得分:1)

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

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

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

并在您的控制器中

$scope.pageClass="pageName";