如何在angular中更改剑道网格中选定行的颜色

<table>
  <tr *ngFor="let item of items" [selected]="item.isSelected" (click)="selectRow(item)">
    <td>{{ item.name }}</td>
    <td>{{ item.age }}</td>
    <td>{{ item.gender }}</td>
  </tr>
</table>

selectRow(item: any) {
  this.items.forEach((row) => {
    row.isSelected = (row === item);
  });
}

tr.selected {
  background-color: #f2f2f2;
}

<tr *ngFor="let item of items" [selected]="item.isSelected" (click)="selectRow(item)" [class.selected]="item.isSelected">
  <!-- 行内容 -->
</tr>