がangular2

Question

にスイッチタイプのセットアップなしで、条件付きディレクティブを使用することが可能です私は現在、私が何をしたいのですがどのような

<div *ngFor="let directive in listOfDirectives"> 
    <directive-one *ngIf="directive == 'directive-one'"></directive-one> 
    <directive-two *ngIf="directive == 'directive-two'"></directive-two> 
    ... 
</div> 

ような何かをやっている、それは

を動作しませんが、このです

<{{directive}} *ngFor="let directive = listofDirectives"></{{directive}}> 

これを行う方法はありますか？スタイリングの目的のために、私は本当に

Answer 1

何かサポートされていません

<{{directive}} *ngFor="let directive = listofDirectives"></{{directive}}> 

のようにdiv要素でラップされないようにする必要があります。

テンプレートに静的に追加されたHTMLのみが、コンポーネントとディレクティブのセレクタと照合されます。

ViewContainerRef.createComponentを使用して追加することができます。具体的には、Angular 2 dynamic tabs with user-click chosen components