,可以通过以下步骤实现:
<table>
<tr *ngFor="let row of gridData" (click)="selectRow(row)">
<td>{{row.name}}</td>
<td>{{row.age}}</td>
<td>{{row.email}}</td>
</tr>
</table>
selectedRow: any;
selectRow(row: any) {
this.selectedRow = row;
}
tr.selected {
background-color: #e0e0e0;
}
<table>
<tr *ngFor="let row of gridData" (click)="selectRow(row)" [class.selected]="row === selectedRow">
<td>{{row.name}}</td>
<td>{{row.age}}</td>
<td>{{row.email}}</td>
</tr>
</table>
这样,当用户点击某一行时,该行的背景色会变为预设的颜色,以示选中状态。
对于以上问题,腾讯云提供了一系列与云计算相关的产品和服务,如云服务器、云数据库、云存储等。您可以访问腾讯云官方网站(https://cloud.tencent.com/)了解更多关于这些产品的详细信息和使用指南。
领取专属 10元无门槛券
手把手带您无忧上云