分页不保持页面导航之间的页面状态

时间:2018-08-10 10:06:47

标签: angularjs dirpagination

我已经使用dirPagaination实现了分页。有一个单击操作实际上实际上是在一行中隐藏一个图标。当我在访问第二页和第三页后返回当前页面时,显示了隐藏的图标。

1 个答案:

答案 0 :(得分:0)

使用<pagination>标签。在angular js中添加分页功能非常容易。

totalItems = total records
currentPage = current page (initially it is 1)
maxSize = maximum pagination button
itemsPerPage = perpage numbers of record to show

在您要获取数据列表的控制器中进行以下设置

$scope.totalItems = $scope.empList.length;
$scope.currentPage = 1;
$scope.itemsPerPage = 10;
$scope.maxSize = 5;

下面放入您的HTML

<pagination total-items="totalItems" ng-model="currentPage" max-size="maxSize" class="pagination-sm" boundary-links="true" items-per-page="itemsPerPage"></pagination>