访问以角度表示的表元素的索引值

Question

所以我在这里有一个表。每一行都包含一个名称、id、状态和编辑(删除按钮、终止等(。现在，一旦您单击删除按钮，我需要删除表中的元素。单击后，它将打开一个模式，询问用户是否真的想删除用户xyz。我很难找到点击按钮的ID。例如：

Name    ID     Status        Edit
Steven  1     Terminated     Delete

如果单击"删除"按钮，将打开模态。"是否确实要删除用户1？

但我不知道如何获得值，这取决于点击的位置。我的代码如下(只是模态的一小部分(：

<div *ngIf="showDeleteModal2" class="modal">
<div class="modal__wrapper">
<h1 class="modal__title">
{{ 'TENANT_CONFIRM_DELETE' | translate: { tenantId: users[0].tenant_id } }}
</h1>
<div class="modal__close" (click)="showDeleteModal2 = false"></div>
<div class="modal__content">
Type <b>"Yes"</b> if you really want to delete. <br />

<button *ngIf="tenant.accountStatus == 'TERMINATED'" id="tenant-list-delete-{{ tenant.tenant_id }}"
class="btn" (click)="deleteTenantUser = tenant;                           showDeleteModal2 = true">
{{ 'USER_DELETE_BUTTON' | translate }}
</button>

这就是创建表格的地方：

<tr id="tenant-list" *ngFor="let tenant of users; index as i">
<td>{{ tenant.tenant_id }}</td>
<td>{{ tenant.tenant_name }}</td>
<td>{{ tenant.accountStatus}}</td>
</tr>

正如您所看到的，后端发送一个用户数组，这些用户具有tenant_id、tenant_name和accountStatus等属性。正如你在第一个代码片段中看到的，我目前对ID进行了硬编码(tenantId:users[0].tenant_ID(。我该怎么交换0并获得ID？

感谢您的帮助

Answer 1

调用一个函数并将其从users数组中删除？

<tr id="tenant-list" *ngFor="let tenant of users; index as i">
<td>{{ tenant.tenant_id }}</td>
<td>{{ tenant.tenant_name }}</td>
<td>{{ tenant.accountStatus}}</td>
<td> <button *ngIf="tenant.accountStatus == 'TERMINATED'" class="btn" 
(click)="deleteTenantUser(i)">
{{ 'USER_DELETE_BUTTON' | translate }}
</button>
</td>
</tr>


//function
deleteTenentUser(index):void{
this.users.splice(index,1);
}