欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  后端开发

javascript - angularJS中如何点击加载更多的列表!如图所示!

程序员文章站 2022-05-16 13:31:55
...

javascript - angularJS中如何点击加载更多的列表!如图所示!
javascript - angularJS中如何点击加载更多的列表!如图所示!

点击加载按钮的时候,我不知道怎么把page,pagesize的ng-repeat循环遍历到页面上!

回复内容:

javascript - angularJS中如何点击加载更多的列表!如图所示!
javascript - angularJS中如何点击加载更多的列表!如图所示!

点击加载按钮的时候,我不知道怎么把page,pagesize的ng-repeat循环遍历到页面上!

你要用conact将点击加载更多拿到的 数据连在后面。pageIndex当前页面 pageSize分页数 totalNumber 都是后台传过来的。

`
//下面这个写在请求后端接口回调成功里
$scope.data= $scope.data.concat(data.data);

`

设置默认当前pageIndex为1

拉去数据data的长度默认为设置的pageSize的条数

点击加载按钮pageindex+1,同时再调用接口取获取数据

流程大体是这样的

分页数还有一些判断就不赘述了