I used to have controller in whole <body ng-controller="MainCtrl">, where I had some basic functions like this one:
$scope.isActive = function(route) {
return route === $location.path();
};
Used here:
ng-class="{active:isActive('{{ $link['url'] }}')}"
What's best way how to handle that? It's used in many times on different lists. Should I make a directive?
In general, you handle re-occurring functions with services (tutorial), like this:
angular.module('yourAppName').service('yourServiceName', function(){
return {
isActive: function (route){
return route === $location.path();
},
});
Then, in your controller, add a dependency on 'yourServiceName' and call yourServiceName.isActive(route) anytime you want to use it.
change
ng-class="{active:isActive('{{ $link['url'] }}')}"
to
ng-class="{'active': isActive($link['url'])}"
