Skip to content

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

Notifications You must be signed in to change notification settings

ols/scrollistic

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

5 Commits
 
 
 
 
 
 
 
 

Repository files navigation

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.

About

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

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages