Angular2 animation is slow on long lists

Question

I'm using angular animation on a list component, a slide-in-out animation. It works fine when the list is short, but when I have more then 50 items on the list, the animation is laggy. What is the cause of that? how can it be solved?

Did you modified the height property of you list during your animations? — NicuVlad, Jun 28 '18 at 06:14

score 7 · Accepted Answer · answered Nov 30 '16 at 14:22

7

I found the source to the performance issue.
Added changeDetection: ChangeDetectionStrategy.OnPush to the root component, now everything is fast as it used to be, I hope that new issues won't be rising now :)

answered Nov 30 '16 at 14:22

sangress

599
5
11

1

This gave me some good improvements to the app. Not an amazingly fast improvement, but it was faster. Thanks! – Daniel Hair Jul 03 '17 at 15:27

Angular2 animation is slow on long lists

1 Answers1