Javascript 如何删除使用嵌套循环的表行

这里我的问题我使用嵌套的*ngFor循环显示一个表，并且根据我的要求使用对象键方法显示表数据。这里我的问题是我无法为此应用删除选项

这是我的模板 .html

 <ng-container *ngFor="let key of Data">
                        <tr *ngFor="let item of List[key];let i = index;">
                            <td>{{key}}-{{i}}</td>
                            <td>{{item}}--{{i}}</td>
                            <td>
                              <button (click)="del(i)">delete</button>
                            </td>

                        </tr>
                    </ng-container>

这里我的问题是，如果单击“删除”按钮，将删除整个表行而不是单行

我的桌子是这样摆放的

这里

DynamicData = {
    "laptop": [
        "dell", 
        "hp", 
        "lenovo", 
        "acer", 
        "asus"
    ],
    "mobile": [
        "lenovo", 
        "motorolla", 
        "apple", 
        "samsung"
    ] 
}

this.List =  DynamicData;
this.Data = Object.keys(this.List);

---

从您的数据结构来看，似乎删除“数据”中的任何内容都可以 删除整个类别。例如，它包含2项。[“笔记本电脑”、“手机”]。 通过删除“laptop”键，该键中的所有行也将消失

您应该改为从DynamicATA中删除特定项

e、 伪代码中的g…你明白了

<button (click)="del(List[key], i)">delete</button>

delete(array, i){
  array.splice(i, 1);
}

删除
删除（数组，i）{
阵列拼接（i，1）；
}

什么是

数据

和

列表

？@ExplosionPills更新问题

<button (click)="del(List[key], i)">delete</button>

delete(array, i){
  array.splice(i, 1);
}