创建组件轮播，在其中将下一个组件预加载到Angular中

Question

我有一个Angular 6应用程序，我想在其中添加一种“播放列表”功能-意味着将连续显示一组预定义的页面。这些页面中的每个页面都位于自己的Component中，每个组件都需要URL中的不同参数才能正常运行。

通过导航到包含我要显示的组件所需参数的URL，然后更新视图以显示该组件，我设法显示了不同的页面，例如：

<div *ngIf="currentPage && currentPage.type === 'page1'">
    <app-page1></app-page1>
</div>
<div *ngIf="currentPage && currentPage.type === 'page2'">
    <app-page2></app-page2>
</div>
<div *ngIf="currentPage && currentPage.type === 'page3'">
    <app-page3></app-page3>
</div>

但是，这导致页面组件仍在加载时显示。有没有办法在后台预加载下一个组件，或者有更好的方法进行此操作？