Collection-repeat animation

ionic-v1
1

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

2

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

3

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

4

@aorfevre @ghaiat anyone came up with something ?

5

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 />

Cheers

6

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