Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/angular/33.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Angular 表中所有勾选行的角度6批量操作_Angular_Html_Typescript - Fatal编程技术网

Angular 表中所有勾选行的角度6批量操作

Angular 表中所有勾选行的角度6批量操作,angular,html,typescript,Angular,Html,Typescript,在Angular 6 web应用程序中,我有一个表格,其中每行都有一个复选框。 我想对选中的行执行批量操作,例如delete 我想在数据模型中添加一个isSelected bool,然后对所有选中的行进行foreach,然后我在Stackoverflow上发现了类似的结果,但看起来它处理的是AngularJS,而不是6 有人能在第六章中提出“最好”的解决方法吗 我还没有开始编写此代码,因为我不知道链接帖子中的方法是否适合angular,或者我是否在浪费时间。实现此目的的最简单方法是首先创建一个数

在Angular 6 web应用程序中,我有一个表格,其中每行都有一个复选框。 我想对选中的行执行批量操作,例如delete

我想在数据模型中添加一个isSelected bool,然后对所有选中的行进行foreach,然后我在Stackoverflow上发现了类似的结果,但看起来它处理的是AngularJS,而不是6

有人能在第六章中提出“最好”的解决方法吗


我还没有开始编写此代码,因为我不知道链接帖子中的方法是否适合angular,或者我是否在浪费时间。

实现此目的的最简单方法是首先创建一个数组:

checkarray: any[] = [];
每次检查表中的某些内容时,此数组将被填充或清空:

checkbox(item: any, event) {
        if (event.ctrlKey) {
            if (this.checkarray.find(x => x.ID == item.ID)) {
                this.checkarray.splice(this.checkarray.indexOf(item), 1);
            }
            else {
                this.checkarray.push(item);
            }
        }
        else {
            this.checkarray.splice(0);
            this.checkarray.push(item);
        }
    }

当您想从数据库中删除项目时,只需将阵列发送到服务器并执行操作。

到目前为止您做了什么?除了你在问题中提到的帖子之外?事实上,类似的事情也可以做到。不管是AngularJS还是Angular@DarkW1nter在本例中,我使用“CTRL”进行多次检查。若您选中选中的项,它将被取消选中并从数组中删除。如果你喜欢我的方法,请接受我的回答。