Angular 4：如何刪除動態生成的行？

我正在構建一個Angular 4應用程序，其中包含用戶的詳細信息。該表有一個添加按鈕，點擊其中一行是動態生成的。該行沒有用戶的詳細信息，刪除按鈕可刪除相應的行。我能夠動態地創建行。要刪除相應的行，我不確定是否這樣做。我試圖指定功能一樣，Angular 4：如何刪除動態生成的行？

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

deleteRow函數

console.log("deleting row"); 
    thisObj.closest('tr').empty();

這是行不通的。有人可以提出這個建議嗎？

來源

2017-09-22 Poppy

是U使用'* ngFor'生成錶行從您的收藏拼接？請發佈相同的代碼 – Rahul

獲取行的索引並使用'array.splice（index，1）;' –

您只需從組件更新模型以刪除該行。

<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>

然後你就可以使用這個指數

deleteRow (index:number) { 
    this.users.splice(index, 1); //replace your Model here instead of this.user 
}

來源

2017-09-22 08:15:27 Rahul

Angular 4：如何刪除動態生成的行？

回答

相關問題