如何在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']; 
}