Angular 角度4：如何删除动态生成的行？

我正在构建一个Angular 4应用程序，其中包含用户的详细信息。 该表有一个“添加”按钮，单击该按钮可动态生成一行。该行几乎没有用户的详细信息，并且有一个删除按钮来删除相应的行。我能够动态创建行。对于删除相应的行，我不确定是否要这样做。我试着分配一个函数，比如

  <td> <input type="button" value="Delete" name="Delete" id="deleteRowBtn" (click)="deleteRow($(this))"></td>

---

这不管用。有人能就此提出建议吗？

您只需从组件更新模型即可删除该行

<tr *ngFor=" let x of users; let i = index;">
   <td>{{x.someUserData}}</td>
   <td><input type="button" value="Delete" name="Delete" id="deleteRowBtn" (click)="deleteRow(i)"></td>
</tr>

---

您只需从组件更新模型即可删除该行

<tr *ngFor=" let x of users; let i = index;">
   <td>{{x.someUserData}}</td>
   <td><input type="button" value="Delete" name="Delete" id="deleteRowBtn" (click)="deleteRow(i)"></td>
</tr>

---

u是否使用

*ngFor

生成表行？请为同一行的索引张贴代码，并使用

array.splice（索引，1）u是否使用
*ngFor
生成表行？请为同一行的索引张贴代码，并使用
array.splice（索引，1）
deleteRow (index:number) {
   this.users.splice(index, 1); //replace your Model here instead of this.user
}