如何使用Bootstrap 4和Angular 6用鼠标单击突出显示表格的选定行？

<table class="table">
  <tbody>
    <tr *ngFor="let item of items" (click)="highlightRow(item)">
      <td>{{ item.name }}</td>
      <td>{{ item.age }}</td>
      <td>{{ item.gender }}</td>
    </tr>
  </tbody>
</table>

selectedRowIndex: number;

highlightRow(item: any) {
  this.selectedRowIndex = item.id;
}

<tr *ngFor="let item of items" [class.selected]="item.id === selectedRowIndex" (click)="highlightRow(item)">
  <td>{{ item.name }}</td>
  <td>{{ item.age }}</td>
  <td>{{ item.gender }}</td>
</tr>

tr.selected {
  background-color: yellow;
}