node.js - 如何重复(添加循环)具有 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 文档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>