Skip to content
This repository was archived by the owner on Apr 12, 2024. It is now read-only.

Animating movement of items within a list with ngRepeat #4190

Closed
ntrrgc opened this issue Sep 29, 2013 · 3 comments
Closed

Animating movement of items within a list with ngRepeat #4190

ntrrgc opened this issue Sep 29, 2013 · 3 comments
Assignees

Comments

@ntrrgc
Copy link

ntrrgc commented Sep 29, 2013

Here is a plunk of a simple leaderboard-style list which shows some players' names ordered by a 'points' field. There is a button to give more points to one of the player, thus making they climb a position.

http://plnkr.co/edit/eVycM3?p=preview

In the example, the transition is static. There should be a way to animate it, making it easier for the eye of the user to follow.

Is this possible with the 'move' animation of ngRepeat? How?

@matsko
Copy link
Contributor

matsko commented Oct 1, 2013

The move operation works almost the same as enter does. It first injects the element into the new part of the page and then runs the animation. Thinking about it more it doesn't really give you much choice on how to animate it. Perhaps this could be improved somehow by having a beforeMove() animation event be fired. @mhevery what do you think?

@ghost ghost assigned matsko Oct 24, 2013
@matsko
Copy link
Contributor

matsko commented Nov 22, 2013

@ntrrgc please read: #4993 (comment)

@matsko
Copy link
Contributor

matsko commented Feb 25, 2014

@ntrrgc closing this for now, however this is a planned feature for 2.0.

@matsko matsko closed this as completed Feb 25, 2014
Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Labels
None yet
Projects
None yet
Development

No branches or pull requests

2 participants