javascript - ng-repeat 问题和 html 表

Question

我不确定如何获取 headerRow 的范围，以便当我重复行时，它知道有多少行可以获得正确的偏移量。

   <table class="table">
     <tr>
       <th ng-repeat="header in headerRow">{{ header }}</th>
     </tr>
     <tr ng-repeat="row in fewRows">
       <td>{{ row[need this to be the range of the length of the headerRow] }}</td>
     </tr>
   </table>

Answer 1

因此，您只是将数组用于 headerRow 和 row，并且 row 可以包含更多元素，但不能少于 headerRow，但所有元素row 和 headerRow 数组中的索引对应相同的字段？似乎是一种奇怪的操作方式，但您可以再次重复您的 headerRow 只是为了获取索引并将其与您的 row 数组一起使用...

 <tr ng-repeat="row in fewRows">
   <td ng-repeat="h in headerRow">{{ row[$index] }}</td>
 </tr>

我真的不明白你会在哪里设计它，一种更优雅或更有意义的方式是将行作为对象，并具有带有列名等的有意义的标题。然后重新排列 headerRow 数组可以让您移动/隐藏列，而不仅仅是表示不同的列数...

 <tr ng-repeat="row in fewRows">
   <td ng-repeat="h in headerRow">{{ row[h.columnName] }}</td>
 </tr>