angular - 以角度 5 实现虚拟滚动

Question

如何在角度 5 中实现虚拟滚动？我在 Angular 5 项目中尝试了在 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中的第一个示例一样运行