AngularJS Directive For Endless Scrolling UI

Author: davidchin
Official Page: Go to website
Publish Date: December 20, 2014
License: MIT

Description:

EndlessScroll an AngularJS directive that can help you implement an infinite scrolling UI. As your user scrolls a page, the directive determines if there is a need to fetch more data. If so, it emits an event to the controller of the page requesting for more data, which you can listen for. Your event listener can then make an API request for the next page of data, which get populated by the directive once they are ready. To improve performance and avoid the page getting overloaded with DOM elements, the directive only renders items that are currently (and would-be) visible in the viewport.

Preview:

AngularJS Directive For Endless Scrolling UI


You Might Be Interested In:

Add Comment