Изменение цвета фона на основе нг-класса

Question

Привет В ячейке таблицы Я пытаюсь изменить цвет фона на основе значения с помощью опции нг-класса

<style> 
    .color-blue { 
    background-color: blue; 
    } 

    .color-red { 
    background-color: red; 
    } 

</style> 

<td> 
    <span ng-class="{'color-blue': r.no > r.aNo,'color-red': r.no , r.aNo}">{{r.no-r.aNo}}</span> 
</td> 

Значения все работает нормально. С опцией ng-class можно изменить цвет фона. Но он отображает значения, но не цвет фона.

Пожалуйста, дайте мне знать, как исправить это, чтобы я мог отображать цвет фона на основе положительных или отрицательных значений.

Благодаря

Answer 1

Я думаю, что вы имели в виду следующее вместо (обратите внимание на < вместо ,).

<td> 
    <span ng-class="{'color-blue': r.no > r.aNo, 
        'color-red': r.no < r.aNo}">{{r.no-r.aNo}}</span> 
</td> 

Answer 2

Попробуйте положить ваши ng-class в td

Как это

<td ng-class="{'color-blue': r.no > r.aNo,'color-red': r.no < r.aNo}"> 
    {{r.no-r.aNo}} 
</td>