Question : J'ai une liste de joueurs appartenant à différentes équipes. Comment puis-je utiliser un filtre angulaire pour regrouper et afficher les joueurs par équipes ?
Exemple de données :
[{name: 'Gene', team: 'alpha'}, {name: 'George', team: 'beta'}, {name: 'Steve', team: 'gamma'}, {name: 'Paula', team: 'beta'}, {name: 'Scruath', team: 'gamma'}]
Résultat souhaité :
- team alpha - Gene - team beta - George - Paula - team gamma - Steve - Scruath
Réponse :Pour réaliser ce regroupement, vous pouvez utiliser le filtre groupBy du module angulaire.filter.
JavaScript :
$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'"> <li>Group name: {{ key }}</li> <ul> <li ng-repeat="player in value"> Player: {{ player.name }} </li> </ul> </ul>
Sortie :
- Group name: alpha - Player: Gene - Group name: beta - Player: George - Player: Paula - Group name: gamma - Player: Steve - Player: Scruath
Remarque :
Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!