慕村225694
2023-11-02 21:15:47
我有一個表,其中有特定的列作為復選框。我分配了一個空列表。所以我想要的是啟用的復選框的行的 ID。例如,如果 id 4 和 5 中啟用了復選框,則列表應(yīng)為 [4,5]樣本數(shù)據(jù): { id:1, name: "A", qty: 6, value: 10},{ id:2, name: "B", qty: 4, value: 10},{ id:3, name: "C", qty: 1, value: 10}從服務(wù)獲取數(shù)據(jù): ngOnInit(): void {this.dataService.getData().subscribe(res => { this.listes = res;});}列表名稱: checkboxselectlist: any[];我的 stackblitz:https://stackblitz.com/edit/angular-ivy-4vnwed ?file=src%2Fapp%2Fapp.component.ts
1 回答

溫溫醬
TA貢獻1752條經(jīng)驗 獲得超4個贊
這應(yīng)該對你有幫助。
您需要將事件處理程序傳遞給 ngchange。
在事件處理程序中,您可以獲得元素 id,這應(yīng)該可以幫助您更新列表。
checkboxselectlist
// in your app.component.ts
filterResults(obj: any, e: any) {
console.log(obj);
console.log(e.currentTarget.checked); // true or false
// UPDATE LIST HERE
}
// in your app.component.html
<tr *ngFor="let list of listes; index as i">
<td>{{i+1}}</td>
<td>{{list.name}}</td>
<td>{{list.qty}}</td>
<td>{{list.value}}</td>
<td> <input type="checkbox" id="vehicle1"
name="vehicle1"
(change)="filterResults(list, $event)">
</td>
</tr>
添加回答
舉報
0/150
提交
取消