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>
The syntax is the following: function clickOnUpload() { $timeout(function() { angular.element(‘#myselector’).triggerHandler(‘click’); }); }; // Using Angular Extend angular.extend($scope, { clickOnUpload: clickOnUpload }); // OR Using scope directly $scope.clickOnUpload = clickOnUpload; More info on Angular Extend way here. If you are using old versions of angular, you should use trigger instead of triggerHandler. If you need … Read more
Routes monitor the $location service and respond to changes in URL (typically through the hash). To “activate” a route, you simply change the URL. The easiest way to do that is with anchor tags. <a href=”#/home”>Go Home</a> <a href=”#/about”>Go to About</a> Nothing more complicated is needed. If, however, you must do this from code, the … Read more
Instead of <button ng-click=”removeTask({{task.id}})”>remove</button> do this: <button ng-click=”removeTask(task.id)”>remove</button> Please see this fiddle: http://jsfiddle.net/JSWorld/Hp4W7/34/
ngClick directive (as well as all other event directives) creates $event variable which is available on same scope. This variable is a reference to JS event object and can be used to call stopPropagation(): <table> <tr ng-repeat=”user in users” ng-click=”showUser(user)”> <td>{{user.firstname}}</td> <td>{{user.lastname}}</td> <td> <button class=”btn” ng-click=”deleteUser(user.id, $index); $event.stopPropagation();”> Delete </button> </td> </tr> </table> PLUNKER