CODEWITHSUNDEEP
angularjsangular-uiangular-ui-bootstrap
Sljux
Sljux

Reputation: 534

Angular UI Pagination Animation

How would one go about animating Angular UI Pagination?

I have made an example here, using jQuery animations, but I'm not too satisfied with it, and had no luck from SO for now...

Any insight or feedback is welcome.

EDIT:

Animation example: When user clicks the Next button, displayed items fly out to the left, and new items fly in from the right. Analogously for Prev button, items fly out to the right, new items fly in from the left.

Upvotes: 2

Views: 2669

Answers (1)

Shashank Agrawal
Shashank Agrawal

Reputation: 25797

In case you need to animate your existing items to left & new items from right you actually don't need to write any javascript code. You can do it using plain css & angular animation of ng-repeat. Read about animation attached with ng-repeat.

Or there is an awesome site you can use to generate various animation, simply use that. http://www.nganimate.org/angularjs/ng-repeat/move

Hope this helps!

Thanks,
SA

Upvotes: 1

Related Questions