Как создать динамическое число div с динамическим контентом в Angular2?

Question

Я знаю, что вы будете использовать ngFor, но я не совсем уверен, как это сделать.

В основном я хочу хочу, чтобы создать DIV ниже п раз, заменяя 0 с 1 на 2 DIV, 2 для 3 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']; 
}