在我的Angular应用程序中,我使用了 Angular cdk 中的Virtual Scroll。
这是我的组件的模板:
<cdk-virtual-scroll-viewport itemSize="50" class="example-viewport">
<div *cdkVirtualFor="let item of items" class="example-item">{{item}}</div>
</cdk-virtual-scroll-viewport>
在我的组件类中,我有一个方法可以更改items
赋予它新内容的数组。每次调用此方法时,数组的大小都会改变:
reload(newItems) {
this.items = newItems;
}
调用该方法后reload
,项目数组被正确更新,并且视图反映了这一变化。但是,滚动不会回到顶部。
每次items
更改数组时,我都希望虚拟滚动以重置顶部的滚动。