gpt4 book ai didi

Angular5需要功能来检查/取消选中mat-table中的mat-checkbox

转载 作者:行者123 更新时间:2023-12-04 14:59:23 28 4
gpt4 key购买 nike

我可以在表格中获得复选框以在选中/取消选中时发出更改,但是在单击 map 图钉以切换复选框状态时遇到麻烦。

my table with map

这是我的 table :

      <mat-table [dataSource]="dataSource">
<ng-container matColumnDef="number">
<mat-header-cell *matHeaderCellDef> Number </mat-header-cell>
<mat-cell *matCellDef="let stock">
// #myCheckbox needs to be unique
<mat-checkbox #myCheckbox [checked] (change)="selectStock(stock, $event)"></mat-checkbox> <a href="">{{ stock.number }}</a>
</mat-cell>
</ng-container>
<mat-header-row *matHeaderRowDef="displayedColumns"></mat-header-row>
<mat-row *matRowDef="let row; columns: displayedColumns;" (click)="clickRow(row._id,$event)"></mat-row>
</mat-table>

然后在我的 map 上,当你点击一个图钉时,运行一些函数

  (click)="someFunction(myCheckbox)"

在我的类里面

    @ViewChild('myCheckbox') private myCheckbox: MatCheckbox;

someFunction(myCheckbox){
if (stock.isChecked) {
this.myCheckbox.checked = false;
} else {
this.myCheckbox.checked = true;
}
}

这是我正在处理的示例,但它对每个复选框应用相同的#id,因此只有第一个复选框被切换(我假设我需要每个复选框唯一的唯一 ID?)

最佳答案

在网站上进行更多搜索后,我能够使用 ViewChildren 解决问题

好东西

关于Angular5需要功能来检查/取消选中mat-table中的mat-checkbox,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/48046959/

28 4 0