这次我需要有关如何在单击删除按钮时删除基于 html 表中的行 ID 的行的帮助。表格数据源来自一个单独的 Json 文件。
该表如下所示: 图片链接
<div class="container">
<table border=1 class="table">
<tr>
<th>ID</th>
<th>Name</th>
<th>Email</th>
<th>Age</th>
<th>Phone</th>
</tr>
<tr *ngFor="let d of data | async" [attr.id]="d.id"> <!--each row id == id-->
<td>{{ d.id }}</td>
<td>{{ d.name }}</td>
<td>{{ d.email }}</td>
<td>{{ d.age }}</td>
<td>{{ d.phone }}</td>
<button id="remove">DELETE ROW</button>
</tr>
</table>
</div>
如果需要更多片段,请告诉我。谢谢你。
原文由 Wira Xie 发布,翻译遵循 CC BY-SA 4.0 许可协议
您可以在 HTML 文件中添加此代码
并将这段代码添加到你的组件文件中