ng-repeat通过两个不同的数组

时间:2015-04-28 12:18:23

标签: angularjs

我想做一些看起来像这样的事情:

<tbody>
      <tr  ng-repeat="item1 in list1 "  ng-repeat="item2 in list2" >
        <td>{{item2.a}}</td>
        <td>  {{item1.b}}</td>
        <td> {{item2.c }}</td>
        <h3> <td> {{item1.d}}</td></h3>
      </tr>
      </tbody>

注意:这两个列表完全不同,没有办法重新组合它们(这会让整个事情变得更容易)或者至少那不是我想做的事情

1 个答案:

答案 0 :(得分:2)

由于您想要组合2个数组,因此假设它们的长度相同,在这种情况下,您可以遍历其中一个数组并使用$index来引用它的对应部分

<tr ng-repeat="item1 in list1 ">
    <td>{{list2[$index].a}}</td>
    <td>{{item1.b}}</td>
    <td>{{list2[$index].c }}</td>
    <td><h3> {{item1.d}}</h3></td>    
</tr>