[AngularJS]AngularJS-分页-将活动类添加到当前页

发布时间: 2017/4/16 15:16:19
注意事项: 本文中文内容可能为机器翻译,如要查看英文原文请点击上面连接.

我有甚于此琴︰ http://jsfiddle.net/tbuchanan/eqtxLkbg/4/

我有我需要的工作,除了我需要时骑自行车穿过页将积极的类添加到当前页的功能︰

<ul class="pagination-controle pagination">
    <li>
        <button type="button" class="btn btn-default" ng-hide="curPage == 0"
        ng-click="curPage = curPage-1"> &lt; PREV</button>
    </li>
    <li>
        <span ng-click="curPage = curPage - 2" ng-hide="curPage < datalists.length/pageSize - 1">{{curPage - 1}}</span>
        <span ng-click="curPage = curPage - 1" ng-hide="curPage === 0">{{curPage}}</span>
        <span>{{curPage + 1}}</span>
        <span ng-click="curPage = curPage + 1" ng-hide="curPage >= datalists.length/pageSize - 1">{{curPage + 2}}</span>
        <span ng-click="curPage = curPage + 2" ng-hide="curPage >= datalists.length/pageSize - 2">{{curPage + 3}}</span>
        <span ng-click="curPage = curPage + 3" ng-hide="curPage !== 0 ">{{curPage + 4}}</span>
    </li>
    <li>
        <button type="button" class="btn btn-default"
        ng-hide="curPage >= datalists.length/pageSize - 1"
        ng-click="curPage = curPage+1">NEXT &gt;</button>
    </li>
</ul>

enter image description here

谁能帮我实现这一目标呢?

解决方法 1:

所以事实证明,基于现有的逻辑,第一个可见跨度始终是当前页。所以我可以简单地主动将类应用对该元素在任何时候都。更新的小提琴︰ http://jsfiddle.net/tbuchanan/eqtxLkbg/5/

    <span class="active pagination-button">{{curPage + 1}}</span>
赞助商