设置dirPagination模块

Question

尝试使用Elasticsearch和AngularJS设置此great looking pagination module以用于我的小型搜索应用程序。

我试图完成的是在最初的搜索请求中加载前100个结果，一次在页面上显示10个结果。

我的ng-repeat(对于这个模块用dir-paginate替换)上的内容是

<li dir-paginate="page in results.documents | itemsPerPage:pageSize" current-page="currentPage" total-items="totalItems">

在控制器和ES请求中都设置了pageSize和totalItems。PageSize设置为10，totalItems设置为100。

在分页控件中，我有<dir-pagination-controls max-size="10" direction-links="true" boundary-links="true"></dir-pagination-controls>。但是，当我单击控件中的一个数字时，什么也没有发生，为什么？

我将最初的搜索请求中的前100个结果加载到UI中，所以它应该一次过滤10个结果，对吗？该模块说它应该是即插即用的，所以我假设只要你有正确的设置，它已经有一个内置的过滤器来做到这一点。

我哪里错了？

Answer 1

从<li>中去掉total-items属性。

Total-只有async调用才需要项目。因为，您需要预先加载数据(100条记录)。因此，您不需要设置此属性。

以下是文档中所说的：

total -items -当处理异步数据(即在服务器上分页并一次发送一页到客户端的数据)时，您将只收到一页结果，然后是一些包含结果总数的元数据。在这种情况下，分页指令会认为结果的一页就是完整的数据集，因此不需要分页。为了防止默认行为，您需要指定total-items属性，该属性随后将用于计算分页。有关更多信息，请参阅下面关于使用异步数据的部分。