当我点击其中的地址时如何更改<li>的类</li> <li> </li>

Question

我有一个系列

<li class=""><a href ng:click="a=1">A1</a></li>
<li class=""><a href ng:click="a=2">A2</a></li>
<li class=""><a href ng:click="a=3">A3</a></li>

有没有办法让我的班级改为<li class="current"> 如果用户点击了三个<li>元素中的任何一个？

Answer 1

ng-class

<li ng-class="{current: a == 1}"><a href ng:click="a=1">A1</a></li>
<li ng-class="{current: a == 2}"><a href ng:click="a=2">A2</a></li>
<li ng-class="{current: a == 3}"><a href ng:click="a=3">A3</a></li>

Answer 2

这应该有效：

<li class="{{a==1 && 'current'}}"><a href ng:click="a=1">A1</a></li>
<li class="{{a==2 && 'current'}}"><a href ng:click="a=2">A2</a></li>
<li class="{{a==3 && 'current'}}"><a href ng:click="a=3">A3</a></li>