ng-repeat如何把两组数据循环放入一组结构中？

Question

我现在有这样两组数据

var a = [ {    "dicId" : 112
}, {    "dicId" : 113
} , {    "dicId" : 114,
}];

var b = [ {    "name" : "语文"}, {    "name" : "数学"} , {    "name" : "英语"}];

我现在想生成这样的dom结构

<ul>
    <li>
        <p>112</p>
        <span>语文</span>
    </li>
    <li>
        <p>113</p>
        <span>数学</span>
    </li>
    <li>
        <p>114</p>
        <span>英语</span>
    </li></ul>

应该如何用angular去实现？

Answer 1

在使用&nbsp;ng-repeat&nbsp;的时候是可以获取到&nbsp;index&nbsp;的，然后你直接通过&nbsp;index&nbsp;去获取另外一个数组的对应元素就好啦。<ul> &nbsp;&nbsp;&nbsp;&nbsp;<li&nbsp;ng-repeat="item&nbsp;in&nbsp;a"> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<p&nbsp;ng-bind="item.dicId"></p> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span&nbsp;ng-bind="b[$index].name"></span> &nbsp;&nbsp;&nbsp;&nbsp;</li></ul>