在angularJs实现批量删除

Posted 2020-11-07 敲代码的卡卡罗特

原理：在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>