Tengo un simpleng-repeat que muestra una lista de puntajes y un valor positivo o negativo.

Lo que intento hacer es cuando el valor es Negativo, mostrar una clase CSS de fondo rojo y, cuando Positivo, mostrar una clase CSS verde. Sin embargo, por alguna razón, siempre estoy viendo elrojo Clase de CSS en mi página.

HTML:

<tr ng-repeat="scores in Test" ng-class="{true: 'warning', false: 'ok'}[scores.Indicator == 'Negative']">                       
     <td>Overall: {{ scores.Indicator }}</td>
</tr>

CSS:

.warning {
    background: red;
}

.ok {
    background: green;
}