javascript - 在多个数组上使用 ng-repeat

Question

我正在制作一个天气应用程序，但我坚持做一个应该是简单的任务，但由于我是 Angular 的新手，所以我无法理解它是如何工作的。基本上我需要的是一次遍历两个数组并从这个数组中设置一些值。

理论上这就是我想要完成的:

<div ng-repeat="city in cities" ng-repeat="temp in temperatures" id={{city.id}}>
    <span>{{temp}}</span>
</div>

但显然你不能像这样放置多个中继器。如果我在跨度上放置一个 ng-repeat，我会得到 12 个跨度，但我只需要 1 个，我需要这个 1 来包含 temperatures 中迭代的当前值。

数组在使用 API 动态创建后看起来像这样:

城市:[对象，对象，对象，对象，对象，对象，对象，对象，对象，对象，对象，对象]

温度:[-2.3, -0.2, -1.2, -25.4, 2.9, -4.8, -2.2, -12.1, 0.3, -5.9, -7.7, -0.1]

我该怎么做？

Answer 1

使用索引(假设 temperatures 是同一 Controller 中定义的温度数组):

<div ng-repeat="city in cities">
    <span>City: {{city}} - Temperature: {{temperatures[$index]}}</span>
</div>