javascript - angularjs使用拼接函数删除选定的项目

Question

我一直在寻找从网格中删除项目的解决方案；这就是我之前发布问题的原因。但是当我从某人那里得到解决方案时，当时我认为它解决了问题，但是它使用了 Filter 方法。

但是，我希望使用拼接函数从 GRID 中删除这些项目。

这是我的旧问题链接 Angularjs, Applying Action on Selected Checkboxes in Table

我希望它使用拼接函数执行。

现在我面临的问题是将索引值传递给函数，以便在选择/获取该索引值时可以删除该项目。我不确定如何修复它。

如果有人解决了这个问题并提供了更新代码的演示链接，那就太好了。

这是我迄今为止尝试过的 Plunker 链接。 Plunker link to show my execution

Answer 1

JS array.splice方法的定义(来自MDN):

array.splice(index , howMany[, element1[, ...[, elementN]]])

因此，您的remove函数应该写成:

$scope.remove = function(index){
  $scope.students.splice(index, 1);
};

DEMO PLUNKER

编辑:

我想你想删除项目，方法是单击“x”按钮，ng-click 指向 remove 函数。

要通过单击复选框来删除项目，您应该将复选框 ngModel 设置为学生属性，而不是将 $watcher 放在学生身上，这将删除那些将此属性设置为 true 的学生:

<tr class="color2" ng-repeat="student in students | filter:search | filter:new_search">
  <td>{{student.Rollno}} <input type="checkbox" ng-model="student.checked"> </td>
  <td>{{student.Name}}</td>
  <td>{{student.Uni}} <button ng-click="remove($index)">x </button></td>
</tr>

$scope.$watch('students', function(students){
   if(!students){
     return;
   }
  $scope.students = students.filter(function(student){
    return !student.checked;
  });
}, true);

PLNUKER