如何在不替换Angular 5中前一个组件的情况下一个接一个地加载组件

<ng-container *ngFor="let component of components">
  <ng-container *ngComponentOutlet="component"></ng-container>
</ng-container>

import { ComponentA } from './component-a.component';
import { ComponentB } from './component-b.component';
import { ComponentC } from './component-c.component';

export class ParentComponent {
  components = [ComponentA, ComponentB, ComponentC];
}

export class ParentComponent {
  components = [ComponentA, ComponentB, ComponentC];
  currentIndex = 0;

  loadNextComponent() {
    if (this.currentIndex < this.components.length - 1) {
      this.currentIndex++;
    }
  }
}

<button (click)="loadNextComponent()">Load Next Component</button>