发表于: 2017-06-03 21:32:46

2 1045


今日所做:

1.给翻页功能增加几个可以直接点击的页数按钮,按钮上添加ng-click事件,

然后在按钮元素上设置style属性,使用一个选择方法以达到当前页对应的按钮

的背景颜色加深:

<div class="pageNo" 
    ng-click="JumpPage(1,size,type,status)"
    style="{{page===1?'background:#2a76dd;color:white':''}}"
>1</div>
<div class="pageNo"
    ng-click="JumpPage(2,size,type,status)"
    style="{{page===2?'background:#2a76dd;color:white':''}}"
>2</div>

2.在js向服务器请求数据的代码中加入一个选择语句,以达到如果当前页已经是首页或者是

末页,则使用上一页或者下一页功能会进行报错:

then(function successCallback(x) {
// 请求成功执行代码
   if(page<1){
alert("已经是首页了");/*设置判断,如果是首页就不能再进行上一页的查找*/
   }else if(page>$scope.totalPage){
alert('已经是末页了');/*设置判断,如果是末页就不能再进行下一页的查找*/
   }

3.给搜索功能添加ng-model进行搜索值与变量的绑定,

并且设置每一个选项的value值,value值最好设置与实际对应的后台

参数一致,这样选择好了以后,后台请求数据的时候可以直接使用变量

将参数传递过去:

<select  ng-model="type">
   <option value="">全部</option>
   <option value="0" >首页banner</option>
   <option value="1">找职位banner</option>
   <option value="2">找精英banner</option>
   <option value="3">行业大图</option>
</select>

4.给所搜按钮添加一个请求的事件,并且将select中获得的数据变成参数

传递给后台

5.给清除按钮添加事件,使选项卡的值恢复初始值,并且再次按照初始参数

去请求数据:

$scope.clear=function(){
$scope.type="";
   $scope.status="";
   $scope.JumpPage($scope.page,$scope.size);
};

明日计划:

出游

将时间搜索功能加上

遇到的问题:

翻页功能里面,有UI中有几个页数直接跳转的按钮,一般有4,5个的样子,如果往后翻页,

这几个上面的值会随之变化,这个功能不知道怎么实现,psd图里面没有这个功能,

这个功能是不是必须要做出来呢··

收获:

对directive里面link函数的用处有了更加深入的理解


返回列表 返回列表
评论

    分享到