Javascript AngularJS-分页-将活动类添加到当前页面

我有把小提琴：

我拥有需要使用的功能，但在循环浏览页面时需要将活动类添加到当前页面：

<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>

上


{{curPage-1}}
{{curPage}}
{{curPage+1}}
{{curPage+2}}
{{curPage+3}}
{{curPage+4}}


下一个

---

有人能帮我做到这一点吗？

因此，根据现有的逻辑，第一个可见的跨度始终是当前页面。因此，我可以简单地在该元素上始终应用一个活动类。更新小提琴：

{{curPage+1}

已经存在角度引导分页。如果您仍然想使用自己的，您可以看看如何实现活动类，并将其模拟到您的控制器中@我会查的。谢谢

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