Question

我在

这样的表格中重复了数据

<td>{{todo.title}}</td>
<td>
  <button ng-show="loader">Deleting...</button>
  <button ng-hide="loader" ng-click="delete(todo.id)">Delete</button>
</td>

Js代码：

$scope.loader = false;

$scope.delete = function(id) {
  $scope.loader = true;
  $http.delete(url).success(function() {
    $scope.loader = false;
  })
}

它正在删除记录但删除...按钮显示每一行。我无法处理当前行。

Answer 1

将loader用作todo属性

像这样

<button ng-show="todo.loader">Deleting...</button>
<button ng-hide="todo.loader" ng-click="delete(todo)">Delete</button>

JS

$scope.delete=function(todo){
   todo.loader=true;
   $http.delete(url).success(function(){
        todo.loader=false;
    })
}

的 DEMO

用于角度js中ng-repeat的加载器

1 个答案: