ngFor循环中的角度生成组件

Question

我有多个组件（超过10个），它们彼此之间略有不同，每个组件都向API提出自己的请求。我想知道如何通过*ngFor生成这些组件，因为现在看起来像

<component1 *ngIf="activeTab === 0"></component1>
<component2 *ngIf="activeTab === 1"></component2>
<component3 *ngIf="activeTab === 2"></component3>

这个数字有望增长。 我有办法做类似的事情

list = [
  {
    title: 'Component 1',
    component: Component1
  }
]

<ng-container *ngFor="let item of list">{{item.component}}</ng-container>

Answer 1

我认为您必须使用对您的问题有用的智能组件

https://blog.angular-university.io/angular-2-smart-components-vs-presentation-components-whats-the-difference-when-to-use-each-and-why/