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

问题描述

问 题

我现在有这样两组数据

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去实现？

解决方案

在使用 ng-repeat 的时候是可以获取到 index 的，然后你直接通过 index 去获取另外一个数组的对应元素就好啦。

<ul>
    <li ng-repeat="item in a">
        <p ng-bind="item.dicId"></p>
        <span ng-bind="b[$index].name"></span>
    </li>
</ul>

这篇关于javascript - ng-repeat如何把两组数据循环放入一组结构中？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！