第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

獲取啟用的復選框的 id 列表

獲取啟用的復選框的 id 列表

慕村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)該對你有幫助。

  1. 您需要將事件處理程序傳遞給 ngchange。

  2. 在事件處理程序中,您可以獲得元素 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>


查看完整回答
反對 回復 2023-11-02
  • 1 回答
  • 0 關(guān)注
  • 165 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯(lián)系客服咨詢優(yōu)惠詳情

幫助反饋 APP下載

慕課網(wǎng)APP
您的移動學習伙伴

公眾號

掃描二維碼
關(guān)注慕課網(wǎng)微信公眾號