Tried to delete multiple object from an array by selecting the checkbox table row. But in my code only 1 item is deleted. Not able to delete multiple selection object. How to resolve this issue?
app.component.ts:
removeSelectedRow() {
this.data2.forEach((value, index) => {
console.log(value);
if (value.isSelected === true) {
this.data2.splice(index, 1);
}
});
}
You can use Array.filter and Array.Includes archieve the result you need.
Refer the below code for more reference:
let items = [
{ id: 1, name: 'Item 1' },
{ id: 2, name: 'Item 2' },
{ id: 3, name: 'Item 3' },
{ id: 4, name: 'Item 4' },
{ id: 5, name: 'Item 5' }
];
const itemsToRemove = [2, 4]; // Array of item IDs to be removed
items = items.filter(item => !itemsToRemove.includes(item.id));
console.log(items);
splicewon't work in aforEachloop, since every time you splice, you affect theindexes of the undeleted items (see Why isn't splice working in this for loop?). Instead,reduceorfilteryour array to a new array without the items.