What is Infinite Scrolling?

Infinite scrolling, also known as "endless scrolling," "unpagination," and others,
is a technique where additional content for a web page is appended dynamically to
the bottom of the page as the user approaches the end of the content. You may have
seen this technique on the Facebook
timeline or on Pinterest's homepage.

What is ngInfiniteScroll?

ngInfiniteScroll is a directive that you can use to implement infinite scrolling
in your AngularJS applications.
Simply declare which function to call when the user
gets close to the bottom of the content with the directive and the module will
take care of the rest. Of course, you can specify several options to ensure
that the behavior is just what you're looking for.

Note that the attribute does not include ng, as that namespace is used
by the official Angular module.

That's it! ngInfiniteScroll will call myPagingFunction() any time the bottom of the element
approaches the bottom of the browser window. See the API documentation
for more information about what attributes are available for use, and take a look at
the demos to see ngInfiniteScroll in action.