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使用数组，而行可以有更多元素但不少于headerRow，但row和headerRow中的所有索引都是headerRow数组对应相同的字段？这似乎是一种奇怪的操作方式，但您可以再次重复row只是为了获取索引并将其与<tr ng-repeat="row in fewRows"> <td ng-repeat="h in headerRow">{{ row[$index] }}</td> </tr>数组一起使用...

headerRow

我真的看不出你会在哪里设计它，一个更优雅或更有意义的方法是将行作为对象，并使用列名称等有意义的标题。然后重新排列{{ 1}}数组可以让你移动/隐藏列，而不只是表示不同的列数......

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

Answer 2

在ngRepeat上下文中，您可以访问表示循环索引的$ index var。尝试在代码上使用它。

{{ row[$index] }}

ng-repeat问题和html表

2 个答案: