角材料:如何仅通过单击复选框选择表格行?

时间:2019-10-17 04:23:49

标签: angular angular-material

我有这个角材料表,其中有角材料网站上的选择stackblitz

此具有选择的表格允许您通过单击复选框以及该复选框以外但该行之内的任何其他空间来选择表格行。我要实现的是如何更改它,以便只能通过仅单击复选框来选择表行。似乎很简单,它是关于设置一些布尔标志的,但是我仍然无法弄清楚。

1 个答案:

答案 0 :(得分:3)

从最后一个(click)="selection.toggle(row)"删除tr应该是

 <tr mat-row *matRowDef="let row; columns: displayedColumns;">
  </tr>

代替

 <tr (click)="selection.toggle(row)" mat-row *matRowDef="let row; columns: displayedColumns;">
  </tr>

demo