Angular primeNgタブビューコントロールにタブを動的に追加する方法は？

Question

私は答えられた質問を見て、適切な答えを見ていません。

私はAngular2 primeNgモジュールを使用しています。

私は、それぞれ独自のコンポーネントを含むタブのリストを動的に追加する必要があるtabViewを持っています。実行時に読み込んだ設定ファイルに基づいて、どのタブにインクルードする必要がありますか。

私は、これに使用されるハードコーディングされたディレクティブまたは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> 
    ` 
}) 

を