条件に基づいてngForを使用して異なるアイテムをレンダリングする方法angular2

Question

ngForを使用して動的にhtmlコンポーネントを作成する必要があります。 jsonの値に基づいて、textbox、selectなどのさまざまな項目をレンダリングする必要があります。

私はjavascriptでforループとif条件を使ってこれを行う方法を知っています。角度2の交番は何ですか？例えば

for(var i=0;i<data.length;i++){ 
    if(data.type=="textbox"){ 
     $('#container').append(//textbox snippet) 
    } 

    if(data.type=="select"){ 
     $('#container').append(//select snippet) 
    } 
} 

角度2で、このための代替は何ですか？どんな助けも大いに感謝します。

Answer 1

*ngIfディレクティブを使用できます。例えば

：

<div *ngIf="(data.type == 'textbox')"> 
<!--textbox snippet here--> 
</div> 

または

<input *ngIf="(data.type == 'textbox')" type="text" value="" /> 

ここではdocumentation程度*ngIfディレクティブ