Реализация виртуальной прокрутки в angular 5

Question

Как мне реализовать Virtual Scroll в angular 5? Я попробовал эту Реализовать виртуальную прокрутку в angular 6 в angular 5 проекте, но это не сработало. Есть ли другой способ реализовать виртуальную прокрутку в angular 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