在Angular 7中，您可以使用cdk-virtual-scroll-viewport指令来实现虚拟滚动。这个指令可以用于在滚动时仅呈现可见的项目，而不是所有项目。

首先，您需要确保您的应用程序中安装了@angular/cdk包。您可以使用以下命令进行安装：

npm install @angular/cdk

接下来，在您要使用虚拟滚动的组件中，导入CdkVirtualScrollViewport类和ViewportRuler类：

import { CdkVirtualScrollViewport, ViewportRuler } from '@angular/cdk/scrolling';

然后，在组件的构造函数中注入ViewportRuler和CdkVirtualScrollViewport：

constructor(private viewportRuler: ViewportRuler,
              private virtualScroll: CdkVirtualScrollViewport) { }

在组件的ngAfterViewInit生命周期钩子中，您需要设置虚拟滚动的高度。在默认情况下，虚拟滚动的高度为0，您需要在视图初始化之后设置正确的高度：

ngAfterViewInit() {
  this.viewportRuler.change().subscribe(() => {
    this.virtualScroll.checkViewportSize();
  });
}

最后，在您的模板中，将cdk-virtual-scroll-viewport指令应用于容器元素，并通过itemSize属性指定每个项目的高度：

  

    {{item}}
  

在上面的示例中，容器元素的高度被设置为300像素，并且itemSize属性被设置为50像素，表示每个项目的高度。

现在，当您在滚动容器中滚动时，只有可见的项目将被呈现，而不是所有项目。这样可以提高性能，并减少渲染时间。

希望这可以帮助您解决问题！