如何在角度6中动态调用组件？

Question

我在6号角工作，我被卡在一个点上。

我需要加载带有循环的组件。我有5个带有选择器testcomponent1，testcomponent2等的组件。 我想遍历数组并为每个数组元素创建组件选择器。

TypeScript

@Component({
   selector: 'testcomponent, [testcomponent]',
   templateUrl: './testcomponent.component.html',
   styleUrls: ['./testcomponent.component.scss'],
   encapsulation: ViewEncapsulation.None,
})
export class testcomponentComponent implements OnInit {
   componentArray : any = ['testcomponent1', 'testcomponent2', 'testcomponent3', 'testcomponent4', 'testcomponent5'];
}

HTML

<ng-container *ngFor="let component of componentArray">
  <span {{component}}></span>
</ng-container>

        OR

<ng-container *ngFor="let component of componentArray">
  <{{component}}></{{component}}>
</ng-container>

任何形式的帮助都是有意义的。