素材巴巴 > 程序开发 >

angularjs的删除操作:实现批量删除的时候复选框不重选!两次点击则删除的操作

程序开发 2023-09-09 12:03:13

一,问题:

   充电学习angularjs,实现批量删除的操作,防止重选,且点击两次则删除选择:


二.代码实现:

    使用js中indexOf()和splice()的方法

 /**
  * 删除
           * @type {{}}
           */
 $scope.selectedIds = [];
 $scope.updateSelection=function($event,id){ if($event.target.checked){           //复选框的checked属性:用于判断是否被选中$scope.selectedIds.push(id);}else {var index = $scope.selectedIds.indexOf(id);  //indexOf() 来定位字符串中某一个指定的字符首次出现的位置。$scope.selectedIds.splice(index, 1); //splice() 方法向/从数组中添加/删除项目,然后返回被删除的项目。//注释:该方法会改变原始数组(第二个参数是删除几个)

} } $scope. delete = function(){ var con = confirm( " 确定要删除么 "); if( con){ alert($scope. selectedIds. toString()); $http. get( "../brand/delete.do?ids="+$scope. selectedIds). success( function(response){ if(response. success){ alert(response. message); $scope. reloadList(); } else { alert(response. message); $scope. reloadList(); } } ) } }

标签:

上一篇: vuecli3学习的第1天(window系统) 下一篇:
素材巴巴 Copyright © 2013-2021 http://www.sucaibaba.com/. Some Rights Reserved. 备案号:备案中。