ngAnimate and ngRepeat
I ran into a problem: Displaying 60 elements on an ng-repeat caused the browser to freeze for several seconds.
I went through the code and couldn’t find any issue at all on the computational orders that I was dealing with. So I went for the easy hack: paginate and show 10 at a time. Does this help?
This fixed my issue but I felt like it was not a “good enough” approach: Lets really fix this.
So I started profiling the CPU of the JS usage with Chrome: ok, my JS is minified, lets undo that step.
Changed my Gruntfile.js so it took the non .min files and ran into this:
Pretty clear the issue was with “triggerAnimationStart”. Mhhh... “animation”, huh? I do not use any animation in this page:
$animate.enabled(false);
Lets try now:
Sorted!