Javascript 如何将选项卡动态添加到角度素描选项卡视图控件？

我已经看过了回答的问题，没有找到合适的答案

我正在使用Angular2素数模块

我有一个选项卡视图，需要动态添加选项卡列表，每个选项卡都包含自己的组件。基于我在运行时读取的配置文件，需要在其中包含哪些选项卡

在下面的打底示例中，我看到了如何使用硬编码或用于此的ngFor指令进行打底

使用*ngFor指令，假设我已经从配置文件中加载了组件详细信息、类型或其他的列表，那么如何在运行时将它们添加到tabView中

---

正确/推荐的方法是什么？

这是迄今为止我发现的最简单的方案：

@Component({
  selector: 'my-app',
  template: `<h1>Hello {{name}}</h1>
  <input type="radio" name="sel" value="0" (click)="update($event)"> first<br>
  <input type="radio" name="sel" value="1" (click)="update($event)"> second<br>
  <div *ngIf="selected===0">Selected first </div>
  <div *ngIf="selected===1">Selected second</div>
  `
})

@组件({
选择器：“我的应用程序”，
模板：`Hello{{name}}
首先

第二个

先选
选定秒
`
})

这是迄今为止我发现的最简单的方案：

@Component({
  selector: 'my-app',
  template: `<h1>Hello {{name}}</h1>
  <input type="radio" name="sel" value="0" (click)="update($event)"> first<br>
  <input type="radio" name="sel" value="1" (click)="update($event)"> second<br>
  <div *ngIf="selected===0">Selected first </div>
  <div *ngIf="selected===1">Selected second</div>
  `
})

@组件({
选择器：“我的应用程序”，
模板：`Hello{{name}}
首先

第二个

先选
选定秒
`
})