找到一个 ng-repeat 索引？

Question

我可以在 Angular.js 中做到这一点：

<tr ng-repeat="cust in customers">
  <td>
    {{ cust.name }}
  </td>
</tr>

这将通过将每个客户放入自己的<tr> 来遍历所有客户。

但是如果我想要两个客户合二为一<tr> 怎么办？我将如何做到这一点？

我通常通过弄乱索引和模值来做到这一点，但我不知道如何在这里做到这一点。

Answer 1

事实证明，这可以在没有任何自定义过滤器或更改数据格式的情况下完成，尽管它确实需要一些额外的标记。起初我认为这是不可能的，因为您不能在 ng-repeat 的表中使用span 或任何类似的东西。但是This answer 指出您可以使用tbody。

所以这只是使用ng-if 指令（如果表达式为真则呈现html）、$index 变量（由ng-repeat 提供）和$even 变量（也由ng-repeat 当$index 为偶数时为真

我在this Plunker创建了一个演示

<div  ng-controller="MainCtrl">
  <table>
    <tbody ng-repeat="cust in customers">
      <tr ng-if="$even">
        <td>{{customers[$index].text}}</td>
        <td>{{customers[$index+1].text}}</td>
      </tr>
    </tbody>
  </table>
</div>

这当然只有在你有两列时才有效，如果你有更多呢？好吧，您也可以将完整的表达式放入ng-if 而不仅仅是一个变量。所以你可以像这样使用模值：

    <tbody ng-repeat="cust in customers">
      <tr ng-if="($index % 3) == 0">
        <td>{{customers[$index].text}}</td>
        <td>{{customers[$index+1].text}}</td>
        <td>{{customers[$index+2].text}}</td>
      </tr>
    </tbody>