Performance - Slides and Angular watches


#1

Let’s imagine a scenario where we have 100 of slides. Each slide will be created with ng-repeat using an array of quite large objects, one object per slide. I understand that Angularjs will create watches for every displayed variable for all slides.

This might come with a performance penalty.

What would you recommend as the best way forward to have watches only on the current tab, and ignore the rest? The currently active slide would need to have 2 way binding.

Any ideas?


#2

Nobodys able to answer?


#3

You should take a look at this codepen from this thread.
It implements thousands of slides by not having a direct ngRepeat but by injecting the right content into a slide box of 3 slides.