CODEWITHSUNDEEP
angularjs
user1943020
user1943020

Reputation:

How can I change the class of an <li> when I click on an address inside that <li>

I have a series 

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

Is there a way I can make the class of the li change to <li class="current"> if a user clicks on any of the three <li> elements?

Upvotes: 0

Views: 72

Answers (2)

noj
noj

Reputation: 6759

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>

Upvotes: 1

AlwaysALearner
AlwaysALearner

Reputation: 43947

This should work:

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

Upvotes: 0

Related Questions