Estou iniciando no *angular* e ainda não entendo bem o *workflow* do mesmo. O código abaixo não funciona:

    <body ng-app>
     ...
    <div ng-controller="Grid" class="gol-grid">
            <div class="row" ng-repeat="row in board track by $index">
                <div class="gol-cell" ng-repeat="gol-cell in row track by $index" ng-class="{alive: gol-cell.isAlive}"></div>
            </div>
        </div>

Dúvidas  no *`ng-repeat="row in board track by $index"`* ele pegará cada item do scope *`row`* e adicionará a *div* com a classe *`row`*?


Segue o script js

    function Grid($scope) {
    var SIZE = 50;
    $scope.board = [];

    function Cell(x, y, alive) {
        this.x = x;
        this.y = y;

        this.isAlive = alive;

    }

    for(var i = 0; i<SIZE; i++) {
        var row = [];
        for (var j=0; j<SIZE; j++) {
            row.push(new Cell(i, j, Math.random() > 0.5));
        }
        $scope.board.push(row);
     
    }
    }

E o css:

    .gol-grid{
 		position: absolute;
 		z-index: -1;
 		top:0px;
 		width: 100%;
 	}
 	.gol-cell{
 		margin: 0; padding:0; border: 0; display: inline-block;
 		width: 10px; height: 10px;
 	}
 	.alive {
 		background-color: rgba(0,0,0,0.1);
 	}
 	.row{
 		line-height: 0;
 	}

No *firebug* aparece

` [ngRepeat:iidexp] http://errors.angularjs.org/undefined/ngRepeat/iidexp?`

O que estou fazendo errado?