endless container

endless.container.directive.js

export default function endlessContainer() {
    'ngInject';

    return {
        restrict: 'A',
        scope: {
            'endlessContainer': '&'
        },
        link: function (scope, element, attrs) {
            element.bind('scroll', function() {
                let height = this.scrollHeight - element.height();
                let scrollTop = element.scrollTop();

                let isScrolledToEnd = (scrollTop >= height);
                if(isScrolledToEnd) {
                    scope.$evalAsync(scope.endlessContainer);
                }
            });
        }
    }
}