<div id='xxxPaging' ng-show="getPageTotal().length > 1">
<span ng-class="{spanLink:!hover,spanLinkhover:hover}" ng-mouseover="hover=true" ng-mouseleave="hover = false" ng-click="searchCall('paging',current-1);" ng-show="1!=current && getPageTotal().length>3"><</span>
<span ng-repeat="i in getPageTotal() track by $index">
<b ng-show="i==current" class="spanNoLink">{{i}}</b>
<span ng-class="{spanLink:!hover,spanLinkhover:hover}" ng-mouseover="hover=true" ng-mouseleave="hover = false" ng-click="searchCall('paging',i);" ng-show="i!=current && (i-1 == current || i - 2 == current || i + 1 == current || i + 2 == current || i == 1 || i == getPageTotal().length)">{{i}}</span>
<span class="spanNoLink" ng-show="i != current && i < getPageTotal().length && (i+ 3 == current || i- 3 == current ) && i+3 != 4">..</span>
</span>
<span ng-class="{spanLink:!hover__,spanLinkhover:hover__}" ng-mouseover="hover__=true" ng-mouseleave="hover__ = false" ng-click="searchCall('paging',current+1);" ng-show="getPageTotal().length!=current && getPageTotal().length>3">></span>
</div>
Tuesday, August 19, 2014
AngularJS: paging
There should be better way to do the paging for AngularJS. However this is my version of paging, and it works.
Subscribe to:
Post Comments (Atom)
No comments:
Post a Comment