Как обновить ng-стиль в ng-repeat

Question

У меня есть ng-style внутри ng-repeat. Проблема в том, что значение ng-style обновляется после изменения, но фактический стиль не изменяется.

<tr class="row" ng-repeat="(hourIndex, hour) in day track by $index"> 
    <td class="cell" 
     ng-style="{ 'background-color': '{{ switchBackgroundColor(hour) }}' }"> 
    {{ hour }}% 
    </td> 
</tr> 

Как уже говорилось выше, один раз в день и в час изменения очередь, ng-style обновляется. Это обновление не отражено в стиле.

Answer 1

Не нужно использовать {{...}} для вашего css, это уже в пределах углового, так как вы используете ng-стиль.

<tr class="row" ng-repeat="(hourIndex, hour) in day track by $index"> 
    <td class="cell" ng-style="{ 'background-color': switchBackgroundColor(hour) }"> 
     {{ hour }}% 
    </td> 
</tr>