преобразовать это множественное условие в условный класс ng

Question

Здравствуйте, мне нужна помощь в преобразовании этого условия if-else с условием или в условие, которое можно использовать в ng-классе.

Это мой ng-класс с условием, но этоне работает правильно.

<span ng-class="{'green': work > toWork,
                 'red': work < toWork,
                 'black': work == toWork || overall == '-'}">
    {{overall = showMonthly(work = (workers | getMonthValue: dts.value),
                            toWork = getMonthlyToWork(member.id, dts.value))}}
</span>

вот условие, которое я хотел бы применить:

if (work > toWork) {
  return "green";
}else if (work < toWork) {
  return "red";
}else if (work == toWork || overall == "-") {
  return "black";
}

Answer 1

Для этого вам не нужен ng-класс, вам просто нужно поместить логику в метод вашего $scope, как показано ниже

$scope.getClass = function(work, toWork, overall){
    if (work == toWork || overall == "-"){
      return "black";
    }else if (work < toWork) {
      return "red";
    }else if(work > toWork)  {
      return "green";
    }
}

и, на ваш взгляд, назовите это так

<span class="{{getClass(work, toWork, overall)}}"></span>

Answer 2

<span ng-class="{'green': work > toWork,
                 'red': work < toWork,
                 'black': (work == toWork || overall == '-')}">
  ...
</span>

Проверьте это. ( В вашем условном утверждении отсутствует заклинание )

Удачного кодирования!