どのように動的コンテンツを持つdivの動的数をAngular2で作成しますか？

Question

あなたはngForを使用することを知っていますが、私はそれを行う方法があまりよく分かりません。

基本的に私は、第三のdivのために2、第二のdivのために1と0を置き換えて、n回以下のdivを作成したい、というように...

<div class="box"> 
    <p class="dut-text dut-title"> 
     {{list[0].data}} 
    </p> 
</div> 

Answer 1

は、それぞれのdiv要素の下に作成したいですitemsの値：

<div class="box" *ngFor="let item of items;let i=index"> 
    <p class="dut-text dut-title"> 
     {{list[i].data}} 
    </p> 
</div> 

class MyComponent { 
    items = ['a', 'b', 'c']; 
} 

更新

0あなたが代わりに `{{リストの` `{{}} item.data行うことができるはず

あなたの質問の代替解釈（コメントを参照してください）

<div class="box" *ngFor="let item of list"> 
    <p class="dut-text dut-title"> 
     {{item.data}} 
    </p> 
</div> 

class MyComponent { 
    list = ['a', 'b', 'c']; 
}