在角度数组更改时设置 <tr> 颜色

Question

我正在使用 angularJS。我的视图布局中有这段代码：

<table>
 <tr ng-repeat="car in cars">
    <td>{{ car.name }}</td>
    <td>{{ car.speed }}</td>
    <td>{{ car.length }}</td>
 </tr>
</table>

在某些时候，我的角度控制器更改了 $scope.cars 对象之一。
重点是：我想更改 <tr> 的颜色，其中更改后的 car 保持不变发生这种情况。
问题是：我该怎么做？

Answer 1

您可以将其标记为已更改。

更改 car.changed 后将其设置为 true

$scope.car[0].changed = true;

并有条件地应用带有背景颜色的changedClass。

<table>
    <tr ng-repeat="car in cars" ng-class="{'changedClass': car.changed}">
        <td>{{ car.name }}</td>
        <td>{{ car.speed }}</td>
        <td>{{ car.length }}</td>
    </tr>
</table>