Как повторить (добавить цикл) HTML-элементы с содержанием в угловых

Question

Я хочу повторить следующий блок кода, используя angular или node.js

<div class="test-item col-sm-6">
  <div class="col-sm-4">
    <img class="img-responsive" src="../../../../assets/image/ngozi.png">
  </div>
  <div class="col-sm-8">
    <p>"Definitely worth the investment. Without sancoj, we would have gone bankrupt by now."</p>
    <div>
      <i class="material-icons checked">star</i>
      <i class="material-icons checked">star</i>
      <i class="material-icons checked">star</i>
      <i class="material-icons checked">star</i>
      <i class="material-icons checked">star</i>
    </div>
  </div>
</div>

Некоторые идеи?

Answer 1

попробуйте использовать *ngFor, для более подробной информации посмотрите угловые документы здесь ,

<div class="test-item col-sm-6">
  <div class="col-sm-4">
    <img class="img-responsive" src="../../../../assets/image/ngozi.png">
  </div>
  <div class="col-sm-8">
    <p>"Definitely worth the investment. Without sancoj, we would have gone bankrupt by now."</p>
    <div>
      <i class="material-icons checked" *ngFor="let star in stars">{{star}}</i>
    </div>
  </div>
</div>