AngularJS ng-repeat 遍历相同 JSON 对象的多个数组

Question

我可以在 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

有办法吗？

Answer 1

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

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

Answer 2

它会起作用的。

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

AngularJS ng-repeat through multiple arrays of same JSON object