Javascript Angular2：如何遍历模板

所以我得到了这些组件，B类和C类，它们有不同的模板，如下所示

@Component({})
export abstract class A {}

@Component({
    template: `BBBBBB`
})
export class B extends A{}

@Component({
    template: `CCCCCC`
})
export class C extends A{}

在我的主要组件中，我需要通过一个数组进行迭代，并将其模板插入HTML

@Component({
    template: `
    <div>
    ...???...
    </div>
    `
})

export class MrModul {
    anArray: A[] = Array();
    constructor(){
        ...
        //filling up the Array
        ...
    }
}

@组件({
模板：`
...???...
`
})
出口类模块{
anArray:A[]=Array（）；
构造函数（）{
...
//填充数组
...
}
}

所以我需要在遍历数组时用适当的模板填充“？？”，但我真的不知道怎么做。如果我使用选择器，我真的不知道该使用什么选择器。但是如果我使用

*ngFor

我不知道应该使用什么属性
你们能帮帮我吗？谢谢

奖金信息： 我们的目标是拥有一个小部件系统。您可以选择并添加一个随机类型的-let call it-widget，它们将被放入一个新的div中。这就是数组的用途，用于存储新的widget。

<ng-content *ngFor="let item of anArray">
  <my-a *ngIf="item.compo == 'a'></my-a>
  <my-b *ngIf="item.compo == 'b'></my-b>
  <my-c *ngIf="item.compo == 'c'></my-b>
</ng-content>

数组包含哪些数据？取决于您想显示哪些组件的信息？我同意甘特的观点。我们需要更多关于你们阵列的信息。阵列包含B或C。所以我想要组件本身，例如B可以表示图像，C可以表示图形等等。。。这些需要单独的模板或者我看错了这个问题了吗？我需要一个更灵活的东西，我真的不知道有多少种类型，但是我想避免写太多单独的模板，如果你能把这些额外的信息放到你的问题中的话。一个更灵活的方法是，我将把这个标记为答案，因为我是根据这个答案制定解决方案的。我只是编写了一个包装器组件，然后使用了ngSwitch。谢谢！