Her bir gruba ait oyuncuların bir listesi var. Nasıl grup başına kullanıcıları listelemek için bir filtre kullanabilir miyim?

[{name: 'Gene', team: 'team alpha'},
 {name: 'George', team: 'team beta'},
 {name: 'Steve', team: 'team gamma'},
 {name: 'Paula', team: 'team beta'},
 {name: 'Scruath of the 5th sector', team: 'team gamma'}];

Bu sonuç arıyorum:

• alfa
  • Gene
• takım beta
  • George
  • Paula
• gamma takımı
  • Steve
  • 5. sektör Scruath

angular.filter modül groupBy kullanabilirsiniz.

JS:

$scope.players = [
  {name: 'Gene', team: 'alpha'},
  {name: 'George', team: 'beta'},
  {name: 'Steve', team: 'gamma'},
  {name: 'Paula', team: 'beta'},
  {name: 'Scruath', team: 'gamma'}
];

HTML:

<ul ng-repeat="(key, value) in players | groupBy: 'team'">
  Group name: {{ key }}
  <li ng-repeat="player in value">
    player: {{ player.name }} 
  </li>
</ul>

SONUÇ:

GÜNCELLEME:jsbin