对表格中所有勾选的行进行 Angular 6 批量操作

Question

在 Angular 6 Web 应用程序中，我有一个表格，其中每行都有一个复选框。 我想对打勾的行执行批量操作，例如删除。

我正在考虑向数据模型添加一个isSelected布尔值，然后在所有勾选的行上执行foreach，然后我在Stackoverflow上找到了这篇文章，它很相似，但看起来它处理的是AngularJS而不是6。

谁能建议在 Angular 6 中做到这一点的"最佳"方法？

我还没有开始编码，因为我不知道链接帖子中的方法是否适合角度，或者我是否会浪费我的时间。

Answer 1

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

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);
}
}

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