Question

目前我正在开发一个列表门户网站，我正在使用angularjs作为前端，我正在调用api来加载数据，当用户点击所有列表链接时，整个数据正在加载并显示此时数据的问题非常少，但如果数据很大，则需要一些加载时间，我的要求是当用户首次点击链接时，它只显示前50个列表，如果用户再向下滚动页面，那么{ {1}}必须要求接下来的50个商家信息以及如何使用api来实现这一目标。

Answer 1

希望这有帮助。

$scope.limit=50;
$scope.loadMore1=true;
$scope.count=0;
$scope.loadMore=function()
{
    $scope.limit=$scope.limit+100;
    if($scope.limit>=$scope.count) {
        $scope.loadMore1=false;     
    } else {
        $scope.loadMore1=true;
    }
    $("html, body").animate({ scrollTop: $(document).height() }, 1000);
}

在你的ajax通话或api通话中

if(result.data.items.length<=50)
{
    $scope.loadMore1=false;
} else {
    $scope.count=result.data.items.length;
    $scope.loadMore1=true;
}

最后加载一定数量结果的HTML列表

<li ng-repeat="r in results | limitTo:limit"></li>
<button class="loadMore" ng-show="loadMore1" ng-click="loadMore()">Load more Items...</button>

如何使用angularjs获得带有远程数据的无限滚动

1 个答案: