Javascript 如何在ng repeat Angular中使用两个列表

我正在使用非常棒的框架。我面临一个小问题

我使用了两个列表，我不确定我们是否可以做类似的事情

ng-repeat ="player1 in team1 | orderBy:'id'"

然后

<h3>{{player1.name}} - {{player2.name}}</h3>

我想展示类似的东西：

Player1T1 (goalkeeper) - Player1T2 (goalkeeper) 
Player2T1 (attacker)   - Player2T2 (attacker)
Player3T1 (midfielder) - Player3T2 (midfielder)

---

感谢您为我提供了第一个问题的答案，同时我使用了order by，我如何才能为第二个团队下单。

由于您不是一对一，而是两人一组，这将起作用：

<h3>{{team1[$index].name}} - {{team2[$index].name}}</h3>

---

请看这里：

angular.module（'app'，[]）
.controller（'Ctrl'，函数（$scope）{
$scope.teams={
“团队1”：[{
“名称”：“玩家1”，
“id”：“1”
}, {
“名称”：“玩家2”，
“id”：“2”
}],
“第二小组”：[{
“名称”：“玩家4”，
“id”：“4”
}, {
“名称”：“玩家3”，
“id”：“3”
}]
}
函数sortById（a，b）{返回a.id>b.id}
$scope.teams.team1.sort（sortById）；
$scope.teams.team2.sort（sortById）；
})

{{teams.team1[$index].name}}-{{{teams.team2[$index].name}

因为你不是一对一对地走，而是两人一组，这将起作用：

<h3>{{team1[$index].name}} - {{team2[$index].name}}</h3>

---

请看这里：

angular.module（'app'，[]）
.controller（'Ctrl'，函数（$scope）{
$scope.teams={
“团队1”：[{
“名称”：“玩家1”，
“id”：“1”
}, {
“名称”：“玩家2”，
“id”：“2”
}],
“第二小组”：[{
“名称”：“玩家4”，
“id”：“4”
}, {
“名称”：“玩家3”，
“id”：“3”
}]
}
函数sortById（a，b）{返回a.id>b.id}
$scope.teams.team1.sort（sortById）；
$scope.teams.team2.sort（sortById）；
})

{{teams.team1[$index].name}}-{{{teams.team2[$index].name}

因为你不是一对一对地走，而是两人一组，这将起作用：

<h3>{{team1[$index].name}} - {{team2[$index].name}}</h3>

---

请看这里：

angular.module（'app'，[]）
.controller（'Ctrl'，函数（$scope）{
$scope.teams={
“团队1”：[{
“名称”：“玩家1”，
“id”：“1”
}, {
“名称”：“玩家2”，
“id”：“2”
}],
“第二小组”：[{
“名称”：“玩家4”，
“id”：“4”
}, {
“名称”：“玩家3”，
“id”：“3”
}]
}
函数sortById（a，b）{返回a.id>b.id}
$scope.teams.team1.sort（sortById）；
$scope.teams.team2.sort（sortById）；
})

{{teams.team1[$index].name}}-{{{teams.team2[$index].name}

因为你不是一对一对地走，而是两人一组，这将起作用：

<h3>{{team1[$index].name}} - {{team2[$index].name}}</h3>

---

请看这里：

angular.module（'app'，[]）
.controller（'Ctrl'，函数（$scope）{
$scope.teams={
“团队1”：[{
“名称”：“玩家1”，
“id”：“1”
}, {
“名称”：“玩家2”，
“id”：“2”
}],
“第二小组”：[{
“名称”：“玩家4”，
“id”：“4”
}, {
“名称”：“玩家3”，
“id”：“3”
}]
}
函数sortById（a，b）{返回a.id>b.id}
$scope.teams.team1.sort（sortById）；
$scope.teams.team2.sort（sortById）；
})

{{teams.team1[$index].name}}-{{{teams.team2[$index].name}

您可以将您的团队合并到一个阵列中。这样做将允许不同数量的球队和球员

var allPlayers= [];
for(var prop in teams){
     teams[prop].forEach(function(player){
          player['team'] = prop;
          allPlayers.push(player);
     });
}

---

然后绑定到HTML中的

allPlayers

数组

您可以将您的团队合并到一个数组中。这样做将允许不同数量的球队和球员

var allPlayers= [];
for(var prop in teams){
     teams[prop].forEach(function(player){
          player['team'] = prop;
          allPlayers.push(player);
     });
}

---

然后绑定到HTML中的

allPlayers

数组

您可以将您的团队合并到一个数组中。这样做将允许不同数量的球队和球员

var allPlayers= [];
for(var prop in teams){
     teams[prop].forEach(function(player){
          player['team'] = prop;
          allPlayers.push(player);
     });
}

---

然后绑定到HTML中的

allPlayers

数组

您可以将您的团队合并到一个数组中。这样做将允许不同数量的球队和球员

var allPlayers= [];
for(var prop in teams){
     teams[prop].forEach(function(player){
          player['team'] = prop;
          allPlayers.push(player);
     });
}

---

---

然后绑定到HTML中的

allPlayers

数组

不客气！嗯，最好的办法是重新构造对象，以便获得清晰的数据和顺序。可能类似于

匹配=[[p1，p3]，[p2，p4]]

然后在

匹配上执行
ng repeat
。这有意义吗？我正在考虑在控制器上对列表进行排序，有没有像“按顺序”这样的东西我可以使用？你可以，但我看不到任何可以用于按顺序排序的东西。我将通过迭代团队来匹配对象（也在控制器上）。这会让你以后少头疼。你能给我举个例子吗？当然，给我一些东西，让我知道你是怎么挑选的。不客气！嗯，最好的办法是重新构造对象，以便获得清晰的数据和顺序。可能类似于
匹配=[[p1，p3]，[p2，p4]]
然后在
匹配上执行
ng repeat
。这有意义吗？我正在考虑在控制器上对列表进行排序，有没有像“按顺序”这样的东西我可以使用？你可以，但我看不到任何可以用于按顺序排序的东西。我将通过迭代团队来匹配对象（也在控制器上）。这会让你以后少头疼。你能给我举个例子吗？当然，给我一些东西，让我知道你是怎么挑选的。不客气！嗯，最好的办法是重新构造对象，以便获得清晰的数据和顺序。可能类似于
匹配=[[p1，p3]，[p2，p4]]
然后在
匹配上执行
ng repeat
。这有意义吗？我正在考虑在控制器上对列表进行排序，有没有像“按顺序”这样的东西我可以使用？你可以，但我看不到任何可以用于按顺序排序的东西。我将通过迭代团队来匹配对象（也在控制器上）。这会让你以后少头疼。你能给我举个例子吗？当然，给我一些东西，让我知道你是怎么挑选的。不客气！嗯，最好的办法是重新构造对象，以便获得清晰的数据和顺序。可能类似于
匹配=[[p1，p3]，[p2，p4]]
然后在
匹配上执行
ng repeat
。这有意义吗？我在考虑对控制器上的列表进行排序