angular-scroll-complete is a directive for AngularJS to evaluate an expression when the bottom of the directive's element approaches the bottom of the scroll bar on percent completion, which can be used to implement infinite scrolling.
- Download angular-scroll-complete from https://github.com/tushariscoolster/angular-scroll-complete or install it with:
- Bower via
bower install angular-scroll-complete
- Include the script tag on your page after the AngularJS
- Ensure that your application module specifies
angular-scroll-completeas a dependency:
- Use the directive by specifying an
when-scrolledattribute on an element.
When scroll complete brodcast event to notify directive scroll is completed $scope.$broadcast('scollCompleted');