I am trying to work how to add a class with ngClick I have uploaded up my code onto plunker Click here Looking at the angular documentation i can t figure out the exact way it should be done Below is a snippet of my code Can someone guide me in the right direction lt div ng-show isVisible ng-class selected index selectedIndex class block gt lt div gt Controller var app angular module MyApp app controller subNavController function scope scope toggle function scope isVisible scope isVisible scope isVisible false

I want to add or remove active class in my code dynamically on ng-click here what I have done lt ul ng-init selectedTab users gt lt li ng-class active selectedTab users ng-click selectedTab users gt lt a href users gt Users lt a gt lt li gt lt li ng-class active selectedTab items ng-click selectedTab items gt lt a href items gt Items lt a gt lt li gt lt ul gt

adding and removing classes in angularJs using ng-click

The Solution to adding and removing classes in angularJs using ng-click is

I want to add or remove "active" class in my code dynamically on ng-click, here what I have done.

<ul ng-init="selectedTab = 'users'">
   <li ng-class="{'active':selectedTab === 'users'}" ng-click="selectedTab = 'users'"><a href="#users" >Users</a></li>
   <li ng-class="{'active':selectedTab === 'items'}" ng-click="selectedTab = 'items'"><a href="#items" >Items</a></li>
</ul>

~ Answered on 2014-05-06 04:18:18

adding and removing classes in angularJs using ng-click

The Solution to adding and removing classes in angularJs using ng-click is

Most Viewed Questions: