问使用ng样式的开关语句-角js

EN

<tr ng-repeat="issue in data.issues|orderBy:orderByField:reverseSort" ng-class="{{ myClass }}" >

.one {
  background-color: red;
}

.two {
  background-color: blue;
}

.three {
  background-color: green;
}

$scope.myClass = 'three' // or 'one', or 'two'

angular.module('app', [])
    .controller('ctrl', function ($scope) {
     
  //sample items
     $scope.items = ['One',
                     'Two',
                     'Three',
                     'Four',
                     'Five',
                     'Six',
                     'Seven',
                     'Eight',
                     'Nine'];
  //this is function where multiple condtions will be handled
  $scope.someFunc = function(index, cond){
    //some sample conditions, write here according to your requirements
    if(index >6 && index%22 && cond == 'c')
     return true;
    if(index%2 && cond == 'a')
     return true;
    if(index%3 && cond == 'b')
     return true;
    else return false;
  }
  
});

.green{ 
  background-color:green;
  border: 1px solid white;
  color:white;
}
.blue{ 
  background-color:blue;
  border: 1px solid white;
}
.red{ 
  background-color:red;
  border: 1px solid white;
}

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>

<div ng-app="app" ng-controller="ctrl">
  <div ng-repeat="item in items" ng-class="{ 'blue': someFunc($index, 'a'), 'green': someFunc($index, 'b'), 'red': someFunc($index, 'c') }"> {{item}}
  </div>
</div>