Ich habe eine einfacheng-repeat Das zeigt eine Liste der Bewertungen und einen Wert von entweder Positiv oder Negativ an.

Was ich versuche zu tun, ist, wenn der Wert negativ ist, eine rote Hintergrund-CSS-Klasse anzeigen und wenn positiv, eine grüne CSS-Klasse anzeigen. Aus irgendeinem Grund sehe ich jedoch immer dierot CSS-Klasse auf meiner Seite.

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;
}