Question

我目前使用Elasticsearch和AngularJS搜索应用程序进行无限滚动分页。我试图改变那种“常规”分页（如Google或Bing搜索引擎）。我正在尝试使用AngularJS UI Bootstrap Pagination，但似乎无法使其工作。它显示正确但单击操作不起作用 - 不加载下一组结果。

以下是AngularJS UI Bootstrap分页指令的HTML：

Users.php

以下是无限滚动的相关JS代码：

<uib-pagination class="pagination" ng-model="currentPage" ng-change="getNextPage(currentPage)" ng-click="getNextPage()" ng-if="canGetNextPage" total-items="totalItems" max-size="noOfPages" direction-links="true" items-per-page="itemsPerPage">

};

和$ watchGroup：

$scope.getNextPage = function() {
  $scope.resultsPage++;
  getResults();

我尝试过很多教程（here）和here以及此SO question，但无论如何，我都无法使点击操作正常工作。我通常将click动作代码放在getNextPage函数中并保留其他代码，因为Bootstrap分页指令假设要处理它。

我也在研究this pagination directive，但不确定这是否是更好的解决方案。

我想做客户端分页与服务器端，我只加载前1000个json结果，所以应该没问题。

对点击操作的任何帮助或者我不知道的更好的解决方案都会很棒!!

Answer 1

有一个名为ElasticUI的项目，它是一组可以帮助你的AngularJS指令，特别是在传呼方

Answer 2

更改inifinite滚动需要用循环结构替换if语句

将无限滚动分页更改为逐页分页

2 个答案: