单击按钮时，我想访问用户检查的行的数据。我不知道如何循环遍历我的 mat-table 行

Posted 2023-03-13

【中文标题】单击按钮时，我想访问用户检查的行的数据。我不知道如何循环遍历我的 mat-table 行

【英文标题】：When a button is clicked I want to access the data of the rows which were checked by the user.I don't know how to loop through my mat-table rows

【发布时间】：2020-05-25 17:08:57

【问题描述】：

我想遍历我的 mat-table 的这一列以查找检查了哪些行，然后将该行数据推送到一个数组中。

<td mat-cell *matCellDef="let row">
    <mat-checkbox (click)="$event.stopPropagation()" (change)="pushRowToArray($event, row)" (change)="$event ? selection.toggle(row) : null"
      [checked]="selection.isSelected(row)">
    </mat-checkbox>
</td>

【参考方案1】：

我会让复选框调用一个函数并将其添加到其中的数组中。

像这样：

<input type="checkbox"  id="matCheckBox" (change)="yourfunc($event)"/>

让函数像

yourfunc(e) 
   if(e.target.checked)
      this.array.push(e.target);
   else
     this.array = this.array.filter(obj => obj !== e.target);