Nested ng-repeat Example

http://stackoverflow.com/questions/26271020/nested-ng-repeat-not-working-angularjs#26271020

HTML

<table ng-app='myapp'>
  <thead></thead>
  <tbody ng-controller="MainCtrl">
    <ul ng-repeat="(team, value) in players | groupBy: 'team'">
      <b>Group name: {{key}}</b>
      <br>
      <li ng-repeat="player in value">
        <b>player:</b> {{ player.name }}
        <br>
        <b>team:</b> {{player.team}}
        <br>
        <span ng-if="player.age"><b>age:</b> {{ player.age }}</span>
      </li>
    </ul>
  </tbody>
</table>

JavaScript

(function() {
  angular.module('myapp', []).controller('MainCtrl', function($scope) {
    $scope.players = [{
        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
      }
    ];
  });
}());