javascript - AngularJS 多个 ng-repeat

Question

我想同时对两个不同的项目使用 ng-repeat。我的意思是，ng-repeat="list1 中的 mylist1 && list2 中的 mylist2"

我需要对 list1 和 list2 使用 repeat。

如何对多个项目使用 ng-repeat？

Answer 1

我认为您最好创建一个组合列表。例如(在你的 Controller 中)

$scope.lists = list1.map(function(item, i) {
    return {
        item1: item,
        item2: list2[i] || null
    };
});

然后你可以迭代这个

<div ng-repeat="item in lists">
    <p>list1 item: {{ item.item1 }}</p>
    <p>list2 item: {{ item.item2 }}</p>
</div>

---

或者，您可以只使用 $index 来引用 list2 中的相应项目。

<div ng-repeat="item1 in list1" ng-init="item2 = list2[$index]">