如何避免以重复方式填充表格？

Question

现在我有一张看起来像这样的表：

此表的HTML看起来像这样（我只包含一个简短的片段，因为HTML的其余部分看起来相同）：

   Protein2 Protein3 Protein4 Beginning1 Biomarker1
1:        G       NA       NA       A, Z       F, E
2:        G        Z        H       A, Y       F, E
3:        G        D       NA       A, Q       F, E
4:        D        K       NA          A          F
5:        B        C        D       A, V       F, E

我使用数组来填充日期，因为依赖于用户之前在页面中选择的内容，日期会发生变化。卡路里也是如此。我正在使用AngularJS的数据绑定来执行此操作。

有没有人知道如何更改表格的HTML以减少重复次数？我听说，无论何时开始复制和粘贴内容，都表明您正在编写错误的代码：（

Answer 1

使用ng-repeat

<table class="table table-bordered table-condensed">
   <tr>
       <th>Days</th>
       <th>Date</th>
       <th>Calories</th>
       <th>Happiness</th>
       <th>Hunger</th>
       <th>Motivation</th>
  </tr>
  <tr ng-repeat="day in dayArray">
      <td>{{ $index + 1 }}</td>
      <td id="day-{{$index}}">{{day}}</td>
      <td id="calorie-{{$index}}">{{calorieArray[$index]}}</td>
      <td><input placeholder="0" /></td>
      <td><input placeholder="0" /></td>
      <td><input placeholder="0" /></td>
   </tr>