发表于: 2017-05-26 00:55:16
2 969
今天完成:
为列表页添加了分页功能,对于实现数据传输的理解更加增进了。
分页的功能就是请求另外几页的数据,之前的http请求只是请求了默认的第一页也就是10条,要想请求其他页数,需要在之前先定义一个页数的变量,
$scope.page = 1;
这样在之后的分页命令里就具体的参数可是使用了。
params:{
page:$scope.page
}
然后使用params请求页数参数,赋值给已经定义的变量,因为默认的也是是1,所以我们设置的变量初始值也是1,
$scope.total = Math.ceil(responce.data.data.total/responce.data
还要设置总页数的限制,用数据总数除以每页条数向上取整,就可以得出页数总数。
//上一页
$scope.prePage = function () {
if ($scope.page>1){
$scope.page--;
}else {
alert("这已经是第一页了!")
}
$scope.getMsg();
};
然后分别设置分页函数,不同的ng-click对应不同的函数,使用+和-来增减页数,最后运行获取参数的函数,使页数变量直接复制给要取得的页数,就完成页数切换了,
还有个小bug,就是当其他人传上去的数据没有设定状态的时候,上下线按钮是没有内容的,因为上下线按钮的内容是根据之前的状态过滤来的,所以之前的数据没有的时候就会出现空的情况。我们还要是设定一个当状态不存在时默认显示的文字。
明天计划:
完成搜索功能,有时间开始增删改查。
遇到困难:
搜索功能一应该和分页功能的原理是相同的,但是在搜索结果多出10条就会分到下一页,这是分页是基于搜索的基础之上的,如果按之前的分页来实现就会直接完成所有数据的分页,怎么将搜索的结果传入分页中呢?
收获:
学会了写分页功能。
评论