发表于: 2017-05-29 23:36:41

1 999


今天完成的事情:完成更多合作公司页


明天计划的事情:修改一些样式的细节,测试


遇到的问题:

webstorm的默认字符集:有的时候编码格式是gbk有的时候是utf-8,异步小心汉字就乱码了。要养成用英文注释

的好习惯。


收获:

分页插件的使用:

插件的html:

通过ng-repeat数组pageList来实现

<li><a class="pagination-first" ng-class="{'isclicked-status':(activePage===1)}" ng-disabled="isDisabled(1)"
      ng-click="goPage(1)">首页</a></li>
<li><a class="pagination-pre" ng-if="isHavePrePage()" ng-click="goPage(activePage - 1)"> < </a></li>

<li ng-repeat="li in pageList track by $index" ng-class="{'active': isActive(li)}">
   <a ng-disabled="isDisabled(li)" ng-click="goPage(li)"> {{li}} </a>
</li>

<li><a class="pagination-next" ng-if="isHaveNextPage()" ng-click="goPage(activePage + 1)"> > </a></li>
<li><a class="pagination-last" ng-class="{'isclicked-status':(activePage===totalPage)}"
      ng-disabled="isDisabled(totalPage)"
      ng-click="goPage(totalPage)">末页</a>
</li>


js部分: 获取$state.param获取总页数和当前页。用一个函数据此来确定 '...'  , 生成数组。最后跳转通过$state.go完成。



返回列表 返回列表
评论

    分享到