javascript - ng-repeat问题和html表

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

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

最佳答案

因此，您只是对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>

关于javascript - ng-repeat问题和html表，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/25431848/