Javascript 角度：显示一个重复元素

我有一个表，每一行都是使用

ng repeat

生成的。其中一列有一个刷新图标，单击该图标可执行任务。但是，在执行此任务时，我希望图标旋转

我遇到的问题是，当我单击其中一个图标时，它们都会旋转，而不是那一行上的图标

<td class="text-center">
    <i ng-hide="refreshUserSpin" ng-click="refreshUser($index, user.id)" class="fa fa-refresh pointer"></i>
    <i ng-show="refreshUserSpin" class="fa fa-refresh fa-spin "></i>
</td>

现在，这会将所有图标旋转。正确的处理方法是什么，所以它只对该行执行

<td class="text-center">
    <i ng-hide="refreshUserSpin" ng-click="refreshUser($index, user.id)" class="fa fa-refresh pointer"></i>
    <i ng-show="refreshUserSpin" class="fa fa-refresh fa-spin "></i>
</td>

我试过做一些事情，比如：

<i ng-show="refreshUserSpin.$index" class="fa fa-refresh fa-spin "></i>

然后执行

$scope.refreshUserSpin.index=true，但这似乎不起作用

有什么想法吗？
试试这个

HTML

<td class="text-center">
    <i ng-hide="refreshUserSpin[$index]" ng-click="refreshUser($index, user.id)" class="fa fa-refresh pointer"></i>
    <i ng-show="refreshUserSpin[$index]" class="fa fa-refresh fa-spin "></i>
</td>

当
ng repeat
创建新的作用域时，您需要使用不同的
refreshUserSpin
标志变量来处理每一行。您可以创建数组来实现这一点。
app.controller('usersController', function($scope, Users) {

    $scope.refreshUserSpin = {};

    $scope.refreshUser = function(index, community_id) {

        $scope.refreshUserSpin[index] = true;

        Users.refreshUser(community_id)
            .success(function(data) {

                $scope.users[index] = data.json;
                $scope.refreshUserSpin[index] = false;
            });
    };

});