Javascript 如何通过单击删除。。？

我有一个表内容，我在其中创建了它的列表视图，并对其执行编辑和删除任务

我通过调用服务中的

splice

方法来尝试它，并在组件中按id调用它的服务

表.component.ts：

 delete(com) {
    this.service.DeleteUser(com);
    console.log(com);
}

<a class="btn btn-outline-danger  btn-sm" (click)="delete(com.id)">Delete</a>

 DeleteUser(index: number) {
    this.company.splice(index, 1);
    this.company_change.next(this.company.slice());
  }

table.component.html：

 delete(com) {
    this.service.DeleteUser(com);
    console.log(com);
}

<a class="btn btn-outline-danger  btn-sm" (click)="delete(com.id)">Delete</a>

 DeleteUser(index: number) {
    this.company.splice(index, 1);
    this.company_change.next(this.company.slice());
  }

我想在工作条件下获得删除按钮，

公司：公司[]

列表是按类型

模型创建的

尝试以下操作：

在单击功能“删除”中将com.id替换为i

<tr class="table-active" *ngFor="let com of company;  let i = index">
        <td>{{com.co_name}}</td>
        <td>{{com.co_profile}}</td>
        <td>{{com.co_address}}</td>
        <td>{{com.co_email}}</td>
        <td>
          <a class="btn btn-outline-secondary btn-sm" [routerLink]="['/table',com.id]">
            Edit
          </a>
          <a class="btn btn-outline-danger  btn-sm" (click)="delete(i)">Delete</a>
        </td>
      </tr>

{{com.co_name}
{{com.co_profile}
{{com.co_address}
{{com.co_email}
编辑
删除

当您在此处传递公司

id

（非索引）时

（单击）=“删除（com.id）”

，您必须筛选公司列表以查找id与您传递的id匹配的公司的索引（i），然后根据索引拼接公司列表

试着这样做：

 DeleteUser(id: number) {

    for(let i=0;i<this.company.length;i++) {
      if(this.company[i].id == id) {
        this.company.splice(i, 1)
      }
    }
  }

DeleteUser（id:number）{
对于（让我=0；你在那个控制台上得到被删除的索引了吗？是的，我在控制台上得到索引了。但它不是删除的。你能把代码放在stackblitz上吗？是的，放在stackblitz上尝试使用modal但没有得到它；s id，它给了我Nan值。哪一个是Nan？你能分享StackBiltz吗？实际上我是stackblitz的新手，我不知道“我不知道如何使用它。我想导航并尝试使用它，我应该做什么。？好吧，然后，控制台
id
，
this.company[i]
，并显示实际情况。现在我想调用modal并从中传递删除查询，这是怎么可能的？”