如何在ng-repeat中更新ng-style

时间:2016-12-02 13:20:37

标签: angularjs ng-style

我在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会更新。此更新未反映在样式中。

1 个答案:

答案 0 :(得分: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>