在Angular Js中进行分页以重定向到同一页面而无需转到第一页

时间:2016-03-31 04:59:16

标签: angularjs twitter-bootstrap

我有分页情况,我一次从 $ http请求中购买了所有数据(例如50条记录),并且我使用了以下内容进行分页。

$scope.numPerPage = 10;
    $scope.currentPage = 1;
    $scope.maxSize = 5;

<pagination total-items="game-length" page="currentPage"
 max-size="maxSize" class="pagination-sm" 
boundary-links="true" rotate="false" num-pages="numPages">
</pagination> 

记录现在分为10-10。现在从第三页我点击了第一条记录,我正在重定向到另一个html页面以显示特定的记录数据。现在我回来然后我的页面完全重新加载并从第一页开始。我正试图回到第三页本身。请给我任何解决方案。谢谢

2 个答案:

答案 0 :(得分:0)

您可以在转到localStorage中的下一页或任何factory/value(如果没有完全重新加载)之前保存当前分页页面的状态,并在返回之前检查之前的状态页面并初始化它。

Plunker更改分页页面。

答案 1 :(得分:0)

一个简单的解决方案,在您的网址中设置一个&#39; GET参数:

xxx.com/yourpage?pageNum=@pageNum&yourOtherParams

ng-init函数中:

$scope.currentPage = $location.search()['pageNum'] ? $location.search()['pageNUm']:1;
// do other things you need

在你的pageChange事件:

$location.search({pageNum:$scope.currentPage+1});

希望这可以帮到你!