如何在Angular2中創建動態數量的動態內容的div？

Question

我知道你會使用ngFor，但我不太確定如何去做。

基本上我想要創建下面的n倍的股利，用1代替0爲第二格，2表示第三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']; 
} 

更新

替代你的問題的解釋（見註釋）

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

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