Question

我正在尝试使用离子无限滚动指令

上面的链接类似于我需要做的功能

Answer 1

要安装这个新指令，为什么不使用Ionic的原生ion-infinite-scroll？ https://ionicframework.com/docs/api/directive/ionInfiniteScroll/

ion-infinite-scroll指令允许您在用户到达页面底部或页面底部附近时调用函数。这很容易使用：

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

我希望有所帮助！

问候。

Answer 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>

必须知道webpack

2 个答案: