如何使用angular中的内容重复(添加循环) 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，有关更多详细信息，请查看angular docs here，

<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>