設置dirPagination模塊

Question

試圖設置此great looking pagination module用於我的小型搜索應用程序使用Elasticsearch和AngularJS。

我想要完成的是在初始搜索請求中加載前100個結果，一次在頁面上顯示10個結果。

我有我的NG-重複（替換爲DIR-拼版該模塊）是

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

隨着pageSize的和TOTALITEMS無論是在控制器和ES要求設置。 PageSize設置爲10，totalItems設置爲100.

在分頁控制中我有<dir-pagination-controls max-size="10" direction-links="true" boundary-links="true"></dir-pagination-controls>。然而，當我點擊控件中的一個數字時，什麼都沒有發生，爲什麼？

我有從開始的搜索請求加載到用戶界面的前100個結果，所以它應該只是通過它們來篩選，每次10個，對吧？該模塊表示它假設是即插即用的，所以我假設只要你有正確的設置，它已經有一個內置的過濾器來做到這一點。

我哪裏錯了？

Answer 1

從您的<li>中刪除total-items屬性。

只有async調用需要總項目。因爲，您正在預先加載您的數據（100條記錄）。所以，你不需要設置這個屬性。

這裏是什麼文件說：

總項 - 當使用異步數據時（即數據是 分頁的服務器上，併發送一個網頁在同一時間給客戶端）， 您將只發送一頁結果，然後發送一些包含結果總數的元數據 。在這種情況下，分頁 指令會認爲您的一頁結果是完整的 數據集，因此不需要分頁。爲了防止默認的 行爲，您需要指定total-items屬性，然後將 用於計算分頁。欲瞭解更多信息，請參閱 有關使用下面的異步數據的部分。