在angularJs实现批量删除

时间:2023-03-09 06:58:33
在angularJs实现批量删除

原理:在js中定义一个数组,然后给每个复选框一个点击事件,点击事件的方法参数有两个,一个是事件源$event,一个是id。点击复选框根据事件源判断是否被选中,然后进而是向这个数组增加或者删除id。

 $scope.selectIds=[];//用户勾选的ID集合
//用户勾选复选框
$scope.updateSelection=function($event,id){
if($event.target.checked){
$scope.selectIds.push(id);//push向集合添加元素
}else{
var index= $scope.selectIds.indexOf(id);//查找值的 位置
$scope.selectIds.splice(index,1);//参数1:移除的位置 参数2:移除的个数
}
}
//删除
$scope.dele=function(){ if(confirm('确定要删除吗?')){
$http.get('../brand/delete.do?ids='+$scope.selectIds).success(
function(response){
if(response.success){
$scope.reloadList();//刷新
}else{
alert(response.message);
}
}
);
} } html部分:
<td><input  type="checkbox"  ng-click="updateSelection($event, entity.id)"></td>