11

ng-repeatスコアのリストと、正または負の値を表示する単純なものがあります。

私がやろうとしているのは、値が負の場合は赤い背景の CSS クラスを表示し、正の場合は緑の CSS クラスを表示することです。ただし、何らかの理由で、ページに赤いCSS クラスが常に表示されます。

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

1 に答える 1