角度UI分页动画

时间:2014-12-25 08:57:51

标签: angularjs angular-ui angular-ui-bootstrap

如何制作动画Angular UI Pagination

我使用jQuery动画制作了一个示例here,但我对此并不太满意,而且现在也没有运气......

欢迎任何见解或反馈。

修改

动画示例:当用户点击Next按钮时,显示的项目向左飞出,新项目从右侧飞入。类似于Prev按钮,项目飞向右侧,新项目从左侧飞入。

1 个答案:

答案 0 :(得分:1)

如果您需要将现有项目设置为左侧和从右边你的新项目实际上不需要编写任何JavaScript代码。你可以用普通的css& ng-repeat的角动画。阅读与ng-repeat相关的动画。

或者有一个很棒的网站可以用来生成各种动画,只需使用它。 http://www.nganimate.org/angularjs/ng-repeat/move

希望这有帮助!

谢谢,
SA