ng-class with condition and function in one ng-class directive

Question

I want ng-class to have a condition and a function call. How do I make the changes necessary to:

<li ng-repeat="t in tabs" ng-class="{'active1':t.active,clickmenu(t.route)}" ng-click='clickMainMenu($index,t)'><div class='custom-menu-li' >{{t.heading | translate }}</div>       
</li>

so as to make ng-class have a condition and a function in one ng-class directive.

Answer 1

controller.js

$scope.isActive = function(t) {
    if (t.active) {
       clickmenu(t.route);
       return true;
    }
}

template.html

<li ng-repeat="t in tabs" 
    ng-class="{'active1': isActive(t)}" 
    ng-click='clickMainMenu($index,t)'>
  <div class='custom-menu-li' >{{t.heading | translate }}</div> 
</li>

NOTE: This is not the ideal thing to do . Your clickmenu will get called for every digest cycle.

Answer 2

You can do like this using && :

<li ng-repeat="t in tabs" ng-class="{'active1':t.active && clickmenu(t.route)}" ng-click='clickMainMenu($index,t)'><div class='custom-menu-li' >{{t.heading | translate }}</div>       
</li>