我有一个对象数组,有3个属性名称
1.名称2.团队3.Age
http://jsfiddle.net/hptdj/46/
我想要与年龄和团队的小组。我与团队结束了小组,但我感到困惑,我需要如何与当前代码组成的团队和年龄分组。
我需要以团队名称来显示团队的年龄。请建议我该怎么办?
JS:
$scope.MyList = [
{name: 'Gene', team: 'alpha', age: 19},
{name: 'George', team: 'beta', age: 19},
{name: 'Steve', team: 'gamma', age: 23},
{name: 'Paula', team: 'beta', age: 23},
{name: 'Scruath', team: 'gamma', age: 23},
{name: 'Scruath 1', team: 'gamma', age: 22},
{name: 'Scruath 2', team: 'gamma', age: 22}
];
$scope.getGroups = function () {
var groupArray = [];
angular.forEach($scope.MyList, function (item, idx) {
if (groupArray.indexOf(item.team) == -1){ groupArray.push(item.team)
}
});
return groupArray.sort();
}
html:
<div ng-repeat='group in getGroups()'>
<h2>{{group}}</h2>
<ul>
<li ng-repeat="item in MyList | groupby:group">{{item.name}}</li>
</ul>
</div>
您可以像这样做
<ul ng-repeat="(key, value) in MyList | groupBy: '[team,name]'">
<b>Group name: {{key}}</b>
<br>
<li ng-repeat="player in value">
<b>player:</b> {{ player.name }}
<br>
<b>team:</b> {{player.team}}
</li>
</ul>
有关更多详细信息,您可以看到此