AngularJS分页，如何实现点击添加样式，其余移除样式

Question

用angualrJS写分页，实现了分页效果，但是样式效果：点击当前页背景变色，其余移除背景色，没有实现
，具体代码如下：

其中，page-active是静态页面中给li元素添加样式的，page-normal是正常的样式。
求问，应该怎么实现这个样式效果？

Answer 1

angular的ng-click中指当前对象不是this，是$event参数，在函数中使用$event.target获取。
其实你也可以直接在controller中写a标签的事件函数来实现换色，如：$(".page-active a").click(function(){...})

Answer 2

this 没用。

用“当前页面”控制 class ，再写个样式就好了。

<ul>
    <li ng-repeat="i in [1,2,3,4,5]">
        <a ng-click="toPage(i);currentPage=1;" ng-class="( currentPage === i ).toString()">{{ i }}</a>
    </li>
</ul>

样式：

a.true { color: red; }

我以前做分页器时的记录： https://www.zouyesheng.com/pa...