Angular UI 分页动画答案

【问题标题】：Angular UI Pagination AnimationAngular UI 分页动画
【发布时间】：2014-12-25 08:57:51
【问题描述】：

如何为Angular UI Pagination 制作动画？

我已经做了一个例子here，使用 jQuery 动画，但我对它不太满意，而且现在没有运气......

欢迎任何见解或反馈。

编辑：

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

【问题讨论】：

【解决方案1】：

如果您需要将现有项目设置为向左设置动画并从右侧设置新项目，您实际上不需要编写任何 JavaScript 代码。您可以使用 ng-repeat 的纯 css 和角度动画来做到这一点。阅读使用 ng-repeat 附加的动画。

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

希望这会有所帮助！

谢谢，
萨

【讨论】：