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

原创于 2018-03-30 19:25:19 发布 · 479 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#js #crud #angularjs

js 同时被 2 个专栏收录

3 篇文章

订阅专栏

angularjs

1 篇文章

订阅专栏

本文介绍如何在AngularJS应用中实现批量删除功能，并确保在选择项时避免重复选取。通过使用JavaScript的indexOf()和splice()方法，可以有效管理被选中的项并执行删除操作。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

一,问题:

充电学习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(); } } ) } }