Javascript 使用Angular cause为整行设置表格行上按钮的动画'；s按钮来设置动画

当我在表格中使用此代码时： HTML:

结果: 所有行中的所有按钮，开始设置动画。我想只动画的具体按钮，点击

我想如果我使用这个代码： HTML:

结果: 没有按钮正在设置动画。 我做错了什么？ 最好的做法是什么？ 如何达到正确行的范围？

尝试以下操作：-

<td><button type="submit" ng-disabled="isMyProduct(item)" ng-      click="addProductToMe($index, item)">submit
<span ng-show='addProdcutsToMeSpinner === $index'><i class="glyphicon glyphicon-refresh spinning"></i></span>
</button></td>

---

或者，如果您不想使用此简单任务的方法，请直接在ng中设置addProductsToMeSpinner，单击类似：

ng-click=“addProdcutsToMeSpinner=$index”

。按后会有一个服务器后台进程…谢谢！

 $scope.addProductToMe = function($index, item) {
    $scope.addProdcutsToMeSpinner = true;
}

<td><button type="submit" ng-disabled="isMyProduct(item)" ng-click="addProductToMe($index, item)">submit
<span ng-show='addProdcutsToMeSpinner[index] == true'><i class="glyphicon glyphicon-refresh spinning"></i></span>
</button></td>

 $scope.addProductToMe = function($index, item) {
    $scope.addProdcutsToMeSpinner[$index] = true;
}

<td><button type="submit" ng-disabled="isMyProduct(item)" ng-      click="addProductToMe($index, item)">submit
<span ng-show='addProdcutsToMeSpinner === $index'><i class="glyphicon glyphicon-refresh spinning"></i></span>
</button></td>

  $scope.addProductToMe = function($index, item) {
        $scope.addProdcutsToMeSpinner = $index;
    }