如何動態地將選項卡添加到Angular primeNg tabview控件？

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