2 ответа

  1. Вместо этого, чтобы установить эту новую директиву, почему бы не использовать родной ion-infinite-scrollязык Ionic? https://ionicframework.com/docs/api/directive/ionInfiniteScroll/

    ion-infinite-scrollДиректива позволяет вызывать функцию всякий раз, когда пользователь попадает в нижнюю часть страницы или около нижней части страницы.
    Это очень простой в использовании:

    <ion-infinite-scroll
        on-infinite="loadMore()"
        distance="1%">
    </ion-infinite-scroll>
    

    Надеюсь, это поможет!

    Приветствия.

  2. Вы должны отслеживать, когда у вас нет больше записей ..с чем-то вроде bool var, а также на задней стороне вам нужна пагинация :

    function _fetchProducts() {
                if (vm.end) return;
    
                Product.GetSearch(searchFilter).$promise.then(function (resp) {
                    if (resp.length) {
                        searchFilter.skip += searchFilter.take;
    
                            vm.products.concat(resp);
                        });
                    }
                    else vm.end = true;
    
                    //result ready
                    vm.prodReady = true;
                    $rootScope.$broadcast('loading:hide');
                }).catch(function (err) {
                    console.log("Failed to download list items:", err);
                    $cordovaToast.show('Errore .. riprovare piu tardi!', 'long', 'center');
                    vm.end = true;
                }).finally(function () {
                    $scope.$broadcast("scroll.infiniteScrollComplete");
                });
    
            }
    

    А в тебе HTML:

    <ion-infinite-scroll ng-if="!partnerproduct.end" ng-hide="true" on-infinite="fetchMoreProducts()" distance="1%">
                            </ion-infinite-scroll>