Angularjs 在处理2个循环时重复ng

我目前有代码：（从我的plunkr复制并粘贴）

服务和模块
angular.module（“exampleApp”，[]）
.controller（“defaultCtrl”，函数（$scope）{
$scope.data={
城市：[“伦敦”、“纽约”、“巴黎”]，
国家：[“英国”、“美国”、“法国”]
};
});

{{a}

我想打印一份无序列表，其中包括：

英国伦敦

美国纽约

法国巴黎

而不是将城市和国家组合成一个对象，并拥有这些对象的数组。有没有可能用我目前的格式来做这件事

为了澄清，我想要这样的东西（但它的语法不正确）

{{城市}，{{国家}

您可以使用下划线.js中的方法：

$scope.data = {
  cities: ["London", "New York", "Paris"],
  countries: ["UK", "US", "France"]
};

$scope.newArray = _.zip($scope.data.cities,$scope.data.countries) 

结果应该是：

[
  [
    "London",
    "UK"
  ],
  [
    "New York",
    "US"
  ],
  [
    "Paris",
    "France"
  ]
]

HTML

{{row}

演示

---

参考文献

zip_u2;.zip（*数组） 将每个数组的值与相应位置的值合并在一起。当您拥有通过匹配数组索引进行协调的独立数据源时，此功能非常有用。如果您使用的是嵌套数组的矩阵，z.zip.apply可以以类似的方式转换矩阵

_.zip（['moe'，'larry'，'curly'，[30,40,50]，[true，false，false]）； =>[[“moe”，30，对]，“larry”，40，错]，“curly”，50，错]]

.zip.apply（，ArrayFrowsOfData）； =>arrayOfColumnsOfData

您可以使用下划线.js中的方法：

$scope.data = {
  cities: ["London", "New York", "Paris"],
  countries: ["UK", "US", "France"]
};

$scope.newArray = _.zip($scope.data.cities,$scope.data.countries) 

结果应该是：

[
  [
    "London",
    "UK"
  ],
  [
    "New York",
    "US"
  ],
  [
    "Paris",
    "France"
  ]
]

HTML

{{row}

演示

---

参考文献

zip_u2;.zip（*数组） 将每个数组的值与相应位置的值合并在一起。当您拥有通过匹配数组索引进行协调的独立数据源时，此功能非常有用。如果您使用的是嵌套数组的矩阵，z.zip.apply可以以类似的方式转换矩阵

_.zip（['moe'，'larry'，'curly'，[30,40,50]，[true，false，false]）； =>[[“moe”，30，对]，“larry”，40，错]，“curly”，50，错]]

.zip.apply（，ArrayFrowsOfData）； =>arrayOfColumnsOfData

---

如果您100%确定两个列表具有相同的长度，那么您可以像这样使用

$index

：

<ul ng-repeat="city in data.cities">
  <li>{{city}}, {{data.countries[$index]}}</li>
</ul>

{{城市}，{数据.国家[$index]}

尽管更好的方法是将列表合并。（我自己也喜欢

..zip

方法。）

---

如果您100%确定两个列表的长度相同，那么您可以像这样使用

$index

：

<ul ng-repeat="city in data.cities">
  <li>{{city}}, {{data.countries[$index]}}</li>
</ul>

{{城市}，{数据.国家[$index]}

尽管更好的方法是将列表合并。（我自己也喜欢

..zip

方法。）

---

如果不能将两个数组作为对象合并，但每个数组的索引位置都是所需的一对，则可以执行以下操作

<ul>
  <li ng-repeat="city in data.cities">{{city}}, {{data.countries[$index]}}</li>
</ul>

{{city}，{{data.countries[$index]}

---

$index是一个由ng repeat创建的变量，您可以使用它来了解迭代步骤所在的位置

如果您不能将这两个数组作为一个对象合并，但每个数组的索引位置都是您想要的一对，您可以执行以下操作

<ul>
  <li ng-repeat="city in data.cities">{{city}}, {{data.countries[$index]}}</li>
</ul>

{{city}，{{data.countries[$index]}

---

$index是由ng repeat创建的变量，您可以使用它来了解迭代步骤的位置

对不起，对不起，我希望它们在一行中。英国伦敦1英里。我要他们排成一行。英国伦敦1英里。