一、编写service

    //删除

    public int delete(Long id);

    //多条删除

    public int deletes(List<Long> id);

二、编写serviceImpl

    @Override

    public int delete(Long id) {

        return brandDao.deleteByPrimaryKey(id);

    }

    @Override

    public int deletes(List<Long> id) {

        if(id!=null){

            for (Long ids:id){

                brandDao.deleteByPrimaryKey(ids);

            }

        }

        return 0;

    }

三、编写controller

    //删除

    @RequestMapping("/deletes")

    public Result deletes(@RequestBody List<Long> id){

        int ids = brandService.deletes(id);

        if(ids>0){

            return new Result(true,"删除成功");

        }else {

            return new Result(true,"删除失败");

        }

    }

四、编写页面

　1、编写angular js　　　　　　
　　　　　　　//定义一个集合储存选中的ID

            $scope.selectID=[];

            //给复选框一个点击事件，如果勾选，则把勾选的ID存入$scope.selectID=[]集合中

            //如果取消勾选，则把存入$scope.selectID=[]集合的ID从集合中移除

            $scope.saveID=function ($event,id) {

                //如果勾选，则把勾选的ID存入$scope.selectID=[]集合中

                if ($event.target.checked){

                    //往集合中添加数据，用push

                    $scope.selectID.push(id);

                }else {

                    //获取ID在集合中下标

                    var index=$scope.selectID.indexOf(id);

                    //移除对应下标的数据,splice表示将集合中对应下标的数据移除一次

                    $scope.selectID.splice(index,1);

                }

                //页面控制台打印选中的数据

                console.log($scope.selectID);

            }

            $scope.deletes=function () {

                $http.post('../brand/deletes.do',$scope.selectID).success(function (response) {

                    if(response.success){

                        return $scope.reloadList();

                    }else {

                        alert(response.message);

                    }

                });

            }
二、body标签加入angularjs：
<body class="hold-transition skin-red sidebar-mini" ng-app="pingyougou" ng-controller="brandController">
三、页面复选框标签加angular
<td><input ng-click="saveID($event,entity.id)" type="checkbox" ></td>
四、删除按钮调用angular js删除方法
<button type="button" class="btn btn-default" title="删除" ng-click="deletes()"><i class="fa fa-trash-o"></i> 删除</button>


 


												


											
angular js 删除及多条删除的更多相关文章
	

    
								
  1. JSP与Servlet之后台页面单条删除与多条删除的页面跳转之实现
		
    单条删除页面跳转 1.首先打开JSP页面,找到删除 2.这个时候要把它改成servlet的URL,并决定要传给后台什么数据,例如我需要传一个待删数据的ID id并不是什么见不得人的东西(而且是后台也不 ...
    
		
    2. 
						
  2. angular.js   ng-repeat动态插入删除dom节点
		
    既然上面提到 angular.js 下无需用户直接操作dom ,而是在编译间断 dom 与 控制层model 实现了双向绑定,一方做出改变,另一方就会立即改变,那问题来了,我想插入一个文本框和按钮,并 ...
    
		
    3. 
						
  3. angular.js 动态插入删除dom节点
		
    angular.js 是新一代web开发框架,它轻松在web前端实现了MVC模式,相比 jquery 模式,这种新玩意竟然不需要开发者直接去操作dom . 作为前端开发而不去操作dom ,这简直是一个 ...
    
		
    4. 
						
  4. react.js  之 批量添加与删除功能
		
    最近做的CMS需要用到批量添加图片的功能:在添加文件的容器盒子内,有两个内容,分别是:添加按钮与被添加的选择文件组件. 结构分析: 被添加的组件,我们称为:UploadQiNiuFiles(七牛文件上 ...
    
		
    5. 
						
  5. 22.VUE学习之-replice删除当前评论条数
		
    <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8&quo ...
    
		
    6. 
						
  6. Angular实现简单数据计算与删除
		
    AngularJS 1)什么是AngularJS AngularJS 简介 AngularJS 是一个 JavaScript 框架.它可通过 <script> 标签添加到 HTML 页面. ...
    
		
    7. 
						
  7. js实现表格信息的删除和添加
		
    制作一个表格,显示班级的学生信息. 要求: 1. 鼠标移到不同行上时背景色改为色值为 #f2f2f2,移开鼠标时则恢复为原背景色 #fff 2. 点击添加按钮,能动态在最后添加一行 3. 点击删除按钮 ...
    
		
    8. 
						
  8. Word中一条删除不掉的单或双横线的解决办法
		
    Word中一条删除不掉的单或双横线 有时你或许会遇到这样一种情况:在word中,有一条单或双横线怎么都删除不了,并且具有这样的特点: 在上面输入文字,横线会自动下调一行,如果文章过页,每页的尾部会有一 ...
    
		
    9. 
						
  9. js动态给table添加/删除tr的方法
		
    js动态给table添加/删除tr的方法. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> ...
    
		
    10. 
		

	


随机推荐
	

    
									
  1. v&n赛 ML 第一步（python解决）
			
    题目链接 给了70组x,y,根据提示,是求拟合曲线,再通过x求y 知道MATLAB应该录入就能解决吧,但是没下这软件,试试用python解决 #coding:utf- from pwn import  ...
    
			
    2. 
						
  2. Springboot：员工管理之登录、拦截器（十（4））
			
    1:构建登录javaBean com\springboot\vo\LoginUser.java package com.springboot.vo; import lombok.Data; @Data ...
    
			
    3. 
						
  3. ASP.NET母版页
			
    ASP.NET母版页:主要是设置一致界面的页面,在固定的页中进行更新. 如图1-1所示 页头 页中(页内容) 页尾 图1-1  母版页 一般网页是固定页头和页尾,只更新页内容,来实现网页的跳转或内容的 ...
    
			
    4. 
						
  4. 分析 Nanocore
			
    Nanocore是一个非常强大的木马控制系统,当Nanocore木马运行时,我们发现Windows Defender可以很好地识别威胁.本文的目的是分析Nanocore的传播方式,它是怎样感染Wind ...
    
			
    5. 
						
  5. Spiking-YOLO : 前沿性研究，脉冲神经网络在目标检测的首次尝试 | AAAI 2020
			
    论文提出Spiking-YOLO,是脉冲神经网络在目标检测领域的首次成功尝试,实现了与卷积神经网络相当的性能,而能源消耗极低.论文内容新颖,比较前沿,推荐给大家阅读   来源:晓飞的算法工程笔记 公众 ...
    
			
    6. 
						
  6. linux 磁盘存储和文件系统
			
    1.磁盘结构 设备文件:关联至一个设备驱动程序,进而能够与之对应硬件设备进行通信 I/O Ports:I/O 设备地址 一切皆文件:open(),read(),write(),close() 设备类型 ...
    
			
    7. 
						
  7. Ubuntu 设置 log 级别
			
    Linux环境下使用rsyslog管理日志 rsyslog linux运维 linux 22.7k 次阅读  ·  读完需要 22 分钟     在 Linux 系统中,日志文件记录了系统中包括内核. ...
    
			
    8. 
						
  8. CSS开发技巧（四）：解决flex多行布局的行间距异常、子元素高度拉伸问题
			
    在使用flex布局时,若出现换行,有两种较为特殊的现象是值得我们研究的: 子元素高度被拉伸,其实际高度大于它的内容高度. 各行子元素之间的行间距过大,甚至我们根本没有给子元素设置margin. 现在我 ...
    
			
    9. 
						
  9. Oliver Twist
			
    对于济贫院那些绅士们而言,贫民好吃懒做.贪得无厌.他们消耗的食物即是对教区最大的威胁. 绅士们的利益得不到满足时,孤儿们只能被驱之而后快,甚至被"加价出售". 然而,眼泪这种东西根 ...
    
			
    10. 
						
  10. Vim Operations
			
    Vim有三种模式:输入模式.命令模式和末行命令模式. 输入模式用来输入文字,命令模式用来下达编排文件的操作指令,末行命令模式用来进行文件存档.离开编辑器等操作. 进入及离开 末行模式下: :w 保存当 ...
    
			
    11.