adding and removing classes in angularJs using ng-click

by

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>

More Related Contents:

  1. AngularJS ng-click stopPropagation
  2. How to trigger ngClick programmatically
  3. simple form input request in angular
  4. Passing data between controllers in Angular JS?
  5. How can I group data with an Angular filter?
  6. AngularJS : Difference between the $observe and $watch methods
  7. How to validate inputs dynamically created using ng-repeat, ng-show (angular)
  8. Difference between the ‘controller’, ‘link’ and ‘compile’ functions when defining a directive
  9. How to make ng-bind-html compile angularjs code
  10. How to detect browser back button click event using angular?
  11. AngularJS browser autofill workaround by using a directive
  12. External resource not being loaded by AngularJs
  13. Image loaded event in for ng-src in AngularJS
  14. angular ng-repeat in reverse
  15. using setInterval in angularjs factory
  16. Adding a custom header to HTTP request using angular.js
  17. Angular.module minification bug
  18. Showing alert in angularjs when user leaves a page
  19. How to pass parameters to a modal?
  20. TypeError: Cannot read property ‘then’ of undefined
  21. Angular UI Router: decide child state template on the basis of parent resolved object
  22. AngularJS – placeholder for empty result from filter
  23. Dynamically assign ng-model
  24. Accessing Angular inside Protractor Test
  25. ng-mouseover and leave to toggle item using mouse in angularjs
  26. AngularJS ng-include inside of Google Maps InfoWindow?
  27. Tell screen reader that page has changed in Backbone/Angular single-page app
  28. how to fix 404 warnings for images during karma unit testing
  29. How do I pass multiple attributes into an Angular.js attribute directive?
  30. Globally defined AngularJS controllers and encapsulation

Leave a Comment