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

Question

我在 ng-repeat 里面有一个 ng-style。问题是 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-style，它已经在 angular 之内。

<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-repeat 中更新 ng-style

How to update ng-style in ng-repeat

angularjs

ng-style