Angular add class to element inside existing Function

Question

I'm trying to figure out the best way to add a function to the existing ng-click function below that will add a class to the element upon execution.

 $ctrl.next = function(id) {
    $state.go('individual', {id : id}, {reload : true});
     ga.track({
        action:'Button click',
        label:'Navigation Button Right',
        category:'Button'
    });

  }

Basically this function triggers a state change to the next item in an array that comes from a database and tracks the element clicked.

Brian · Accepted Answer · 2016-06-03 04:29:11Z

1

Without a sample, I am not 100% clear on what you have. This plunker demo shows clicking a button, and changing it's class to make it blue.

JS

app.controller('ctrl',function($scope){
  $scope.clickFunction = function(evt) {
   angular.element(evt.srcElement).addClass('clicked-button');
  }
});

HTML

  <div ng-controller='ctrl'>
    <button ng-click="clickFunction($event)">Click Me</button>
  </div>

answered Jun 3, 2016 at 4:29

Brian

5,0693 gold badges22 silver badges30 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Brendan Over a year ago

Ah, So I have a ng-click setup in my routes that triggers a function to track the button. With my controller as $ctrl I basically wanted to try and be smart and work out away to have another function run inside my $ctrl.next() so that it just adds ".class" to the element i have ng-click="ctrl.next()" on

Collectives™ on Stack Overflow

Angular add class to element inside existing Function

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related