javascript - 如何使用 Angular 过滤器对元素进行分组？

Question

我在对相同 id 的元素进行分组时遇到问题

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

js代码:

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

我得到 this type错误:

Error: $injector:unpr Unknown Provider Unknown provider: groupByFilterProvider <- groupByFilter

Answer 1

groupBy 不是 Angular 提供的内置过滤器，您可以使用 angular.filter模块可以为您提供许多过滤器，如 groupBy、flatten、filterBy、pluck 等。

//added angular.filter module after adding its reference
angular.module('myApp', ['angular.filter']); 

Here你可以找到内置过滤器的列表