AngularJS：如果$ index发生变化，如何为文本设置动画？

Question

我在angularjs中有一个应用程序，它在后台使用$ interval（），并且每秒都通过PHP从数据库中请求数据。

然后我使用$ index跟踪，这对性能有帮助。

<tr ng-repeat="user in users track by $index">
<td>{{user.name}}</td>
</tr>

但是，当<td>的数据发生变化时，我希望将文字颜色更改为1秒。

Answer 1

可能你可以试试

<td ng-style="{color:#000}">{{user.name}}</td>

请记住，数据每秒都会重新加载。

或者 您可以使用条件跟踪从控制器更改的数据，并根据

设置变量true或false

$scope.datachange = true;

然后在视图中你可以做

 <td ng-style="datachange && {color:#000}">{{user.name}}</td>

Answer 2

我会做什么，而不是查看索引更改，将ng-class放在您想要改变颜色的位置：

<tbody ng-class="{'changed-class': dataChanged}">

然后，在控制器中更改数据后，将$ scope.dataChanged的值更改为true，然后通过注入$ timeout将其更改为false：

$scope.dataChanged = true;
$timeout(function(){
    $scope.dataChanged = false;
}, 1000);

当然，在css中添加更改后的类，其颜色与发生更改时的文本颜色相同。