完成的事情：

了解请求的参数发送方式，测试最新职位列表接口并显示，完成页面和对应的跳转。

计划的事情：

搜索功能。

问题：

主要对页面跳转进行处理。

根据后台返回的数据，其中total为总的搜索条件信息数，数量除以页面展示数，然后往上取整获取页数。

然后使用ng-repeat进行展示。

以pageNum标记当前页面，当pageNum=1时禁用“首页”按钮和隐藏“<”按钮，pageNum=总页数时，禁用“尾页”按钮和“>”按钮。禁用方式以ng-class进行修改样式。

<ul style="margin: 0px;" >  

<li ng-class="{true:'disabled'}[pro.pageNum==1]"><a href="javascript:void(0);" ng-click="loadPage(1)">首页</a></li>

<li ng-class="{true:'displaynone'}[pro.pageNum==1]"><a href="javascript:void(0);" ng-click="loadPage(pro.pageNum-1)"><</a></li> 

<li ng-repeat="x in pro.page" ng-class="{true:'active'}[pro.pageNum == $index+1]"><a href="javascript:void(0);" ng-click="loadPage($index+1)">{{$index+1}}</a></li>

<li ng-class="{true:'displaynone'}[pro.pageNum==pro.allPage || pro.pageNum==1]"><a href="javascript:void(0);" ng-click="loadPage(pro.pageNum+1)">></a></li>

<li ng-class="{true:'disabled'}[pro.pageNum==pro.allPage]"><a href="javascript:void(0);" ng-click="loadPage(pro.allPage)">尾页</a></li>

</ul>

页面跳转按钮通用loadPage()方法，根据不同参数判断跳转页面，重新向后台请求数据：

$scope.loadPage = function(num){

if(num>0 && num<=pro.allPage){

var pageChange = JSON.parse(sessionStorage.getItem('pageChange'));

pageChange.page = num;

myFac.http('get','/carrots-ajax/a/profession/search',pageChange).then(function(res){

pro.list = res.data;

console.log(pro.list);

pro.pageNum = num;

$location.search('page',num);

});

}

}

收获：

复盘项目进度