ols/scrollistic

angularjs, ngInfiniteScroll, bindonce, vs-repeat, afkl-lazy-image

scrollistic

Using angularjs combined with ngInfiniteScroll to fetch data with flow. First injecting an amount of objects from server into angular arraylist scope which is displayed with a ng-repeat using angular filter unique which prevent any duplicates to be added to the view. Also using bindonce to prevent watchers, ng-repeat combined with bindonce is very effective. But to get even better performance vs-repeat is used along to let the user think that all elements is rendered and all needed to do is to scroll. But we're actually only rendering as many elements that can fit into the current container. But that's not all we're also lazy loading images using afkl-lazy-image which is only fetching the images that's visible to the user.