角度：根据组件名称动态渲染组件

Question

我有一个Angular应用程序，该应用程序从数据库中检索用户有权访问的一组度量。这些度量标准中的每个度量标准都呈现为一个选项卡，并且在我的Angular App中具有相应的组件。我希望能够使用其名称或其他一些标识符在Tab中呈现相应的组件。因此，我的代码如下所示：

<tabset #metricTabs>
    <tab *ngFor="let metric of campaign.metrics"
        [id]="metric.id"
        [heading]="metric.name"
        (select)="getMetricData(metric.id)"
        [active]="hasOnlyOneMetric">
        HERE, I WOULD LIKE TO BE ABLE TO RENDER 
        THE COMPONENT THAT HAS THE NAME CONTAINED
        IN 'metric.componentName', FOR INSTANCE
    </tab>
</tabset>

我的指标示例为 MonthlySummary 和 WeeklyAverage 。因此，在我的应用中，我有一个名为 monthly-summary.component.ts 的组件，还有一个名为 weekly-average.component.ts 的组件（每个组件及其对应的htmls和css）。 有没有一种方法可以根据其名称来渲染该组件？因此，我不想使用标记中的 ，而是使用与用于呈现标签的度量标准对象关联的名称（metric.componentName为'MonthlySummary'，例如），并使用该字符串进行渲染。

有可能吗？此外，如何将参数传递给该组件？

非常感谢。