Collection-repeat animation

Is there a way to setup animation when using a collection-repeat ? (similar to the ng-enter, ng-leave for ng-repeat) ?

With the way collection repeat works, it doesn’t seem like you can.

Does anyone has a solution right now ? @ghaiat have you succeded
I’m facing the same issue …

@aorfevre @ghaiat anyone came up with something ?

Just use a directive, within which utilize $animate.enter() or$animate.leave().
directive(“animateMe”, ["$animate", function ($animate) {
return function(scope, element, attrs) {
$animate.enter(element, element.parent());

Your html would be < div collection-repeat=“monkey in zoo” animate-me />


anyone have an example on how to animate collection-repeat items on leave, for example if I delete one of the items?