Question

我已经查看了已回答的问题而未找到合适的答案。

我正在使用Angular2 primeNg模块。

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

在primeng示例之后，我看到如何使用硬编码或ngFor指令来实现它。

使用* ngFor指令，假设我已经加载了组件详细信息列表，请从配置文件中键入或者，如何在运行时将它们添加到tabView。

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

Answer 1

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

@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>
  `
})

如何动态添加选项卡到Angular primeNg tabview控件？

1 个答案: