AngularJS ng-repeat 通过相同 JSON 对象的多个数组答案

【问题标题】：AngularJS ng-repeat through multiple arrays of same JSON objectAngularJS ng-repeat 通过相同 JSON 对象的多个数组
【发布时间】：2017-07-13 09:59:55
【问题描述】：

我可以在 AngularJS 1.6 中遍历同一对象的两个不同数组吗？

我的意思：

JS：

var foo = {
   names: ["Name1", "Name2", "Name3"],
   surnames: ["Surname1", "Surname2", "Surname3"] 
}

在我的 HTML 部分，我想做这样的事情：

<ul ng-repeat="name in foo.names, surname in foo.surnames">
    <li><span>{{name}}</span> <span>{{surname}}</span></li>
</ul>

我想要得到的结果是：

姓名1姓1

姓名2姓2

姓名3姓3

有办法吗？

【问题讨论】：

在一次 ng-repeat 中，您可以迭代一个数组。您可以使用嵌套的 ng-repeat 。

标签： angularjs json angularjs-ng-repeat

【解决方案1】：

它会起作用的。

<ul ng-repeat="name in foo.names">
    <li><span>{{name}}</span> <span>{{foo.surnames[$index]}}</span></li>
</ul>

【讨论】：

【解决方案2】：

您可以使用第一个数组$index 访问第二个数组元素

<ul ng-repeat="name in foo.names">
    <li><span>{{name}}</span> <span>{{foo.surnames[$index]}}</span></li>
</ul>

【讨论】：