infinite-scroller-directive.js

angular.module('customDirectives').directive("infiniteScroller",function(){
    return {
        restrict:"E",
        scope: {
            ngLoadMore:"&",
            minRepeatDelay:"&",
            ngCurrentCount: "&",
            ngCurrentLimit: "&",
            ngTotalItems: "&"
        },
        template:``,
        link: function($scope, $element, $attrs, $ngModelCtrl){
            var parent = $element.parent();
            var parentRaw = parent[0]

            parent.on("scroll", handleScroll);
            $scope.$on('$destroy',() => {
                parent.off('scroll',handleScroll);
            });
            if($scope.minRepeatDelay == undefined){
                $scope.minRepeatDelay = 1000;
            }

            var ignore = false
            function handleScroll(event){
                if(parentRaw.scrollHeight - parentRaw.clientHeight - parentRaw.scrollTop < 1){
                    if($scope.ngCurrentCount() >= $scope.ngCurrentLimit() && $scope.ngCurrentCount() <= $scope.ngTotalItems()){
                        $scope.$apply(function(){
                            $scope.ngLoadMore();
                        })
                    }
                }
            }
        }
    }
});