Angular: Empty Fiddle

http://angularjs.org/

HTML

<script src="http://code.angularjs.org/angular-1.0.1.js"></script>
<div ng-controller="MyCtrl">
  <div ng-repeat = "g in games">
  {{g.gameName}}
  <ul ng-init='getCourts(g.id)'>
  <li ng-repeat = "c in courts[$index]" ng-bind = "c.data"></li>
  </ul>
  </div>
</div>

JavaScript

var myApp = angular.module('myApp',[]);

//myApp.directive('myDirective', function() {});
//myApp.factory('myService', function() {});

function MyCtrl($scope) {
    $scope.courts = [];
    $scope.games = [
    	{
        id:1,
        gameName:'A'
      },{
        id:2,
        gameName:'B'
      },{
        id:3,
        gameName:'C'
      }
    ];
    $scope.getCourts = function(id){
       if(id==1){
         $scope.courts[0]=[{data:'first'},{data:'second'}];
       }else if(id == 2){
         $scope.courts[1]=[{data:'third'},{data:'fourth'}];
       }else{
         $scope.courts[2]=[{data:'five'},{data:'six'}];
       }
    }
}