ng-class function selected class

ng-class with class find function selected class

by Ankit Patidar

HTML

<div ng-app>
    <div ng-controller='ctrl'>
        <div ng-class='whatClassIsIt(call.state[0])'>{{call.state[0]}}</div>
        <div ng-class='whatClassIsIt("first")'>{{call.state[1]}}</div>
        <div ng-class='whatClassIsIt(call.state[2])'>{{call.state[2]}}</div>
        <div ng-class='whatClassIsIt(call.state[3])'>{{call.state[3]}}</div>
        <div ng-class='whatClassIsIt(call.state[4])'>{{call.state[4]}}</div>
        <div ng-class='whatClassIsIt(call.state[5])'>{{call.state[5]}}</div>
        <div ng-class='whatClassIsIt(call.state[6])'>{{call.state[6]}}</div>
        <div ng-class='whatClassIsIt(call.state[7])'>{{call.state[7]}}</div>
    </div>
</div>

CSS

.ClassA{
  background-color:yellow;
  color:red;
}
.ClassB{
  background-color:red;
  color:yellow;
}

.ClassC{
    background-color:green;
    color:blue;
}

JavaScript

function ctrl($scope){
    $scope.call={state:['second','first','nothing','Never', 'Gonna', 'Give', 'You', 'Up']}
    
    
    $scope.whatClassIsIt= function(someValue){
         if(someValue=="first"){
         	return "ClassA"
         }
         else if(someValue=="second")
             return "ClassB";
        else
             return "ClassC";
    }
    
}