在角度5中实现虚拟滚动

时间:2020-04-03 05:49:28

标签: angular angular-material infinite-scroll virtualscroll angular-cdk-virtual-scroll

如何在angular 5中实现Virtual Scroll? 我在角度5项目中尝试了此Implement Virtual scrolling in angular 6,但没有成功。还有其他方法可以在角度5中实现虚拟滚动吗?

让我说我有一个显示这样的数据的组件

<div *ngFor="let x of data">
  {{x}}
</div>

数据值是

 public data=[]
  constructor() { 
    for(let i=0;i<1000000000;i++){
      this.data.push(`testing ${i}`)
    }
  }

现在此列表挂起了这么大的数据集?因此,我需要在此组件中添加虚拟滚动,以便其功能类似于https://stackblitz.com/edit/angular-cdk-demo-virtual-scroll?file=package.json

中的第一个示例

0 个答案:

没有答案