发表于: 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完成。
评论