无论滚动位置如何，突出显示虚拟滚动表中的行

Question

我已经找到了答案，但却什么也没找到。我有一个带有数百行的angular4堆栈中的虚拟滚动表。我创建了一个功能来突出显示点击行并且它正在工作，但因为它是虚拟滚动，所以突出显示在滚动后转移到相同的虚拟位置，我希望它与特定行，无论滚动位置如何。不确定这是否可以使用虚拟表，但希望有一些想法。谢谢！

component.ts

HashMap

html的

Claims claims = ...; 

Map<String, Object> expectedMap = new HashMap<>(claims);

的CSS

    onRowSelected(index: any) {
    this.selectedRow = index;
  }

Answer 1

是否可以在行上使用属性而不是行索引？

即。假设row.dataItem有一些唯一键dataItemKey

onRowSelected(key: any) {
    this.selectedKey = key;
}

html的

<tr *ngFor="let row of viewPortItems" (click)="onRowSelected(row.dataItem.dataItemKey)" [class.active]="row.dataItem.dataItemKey === selectedKey">
    <ng-container *ngFor="let dataItem of row; let i = index;">