<table class="table table-bordered">
<tr ng-repeat="row in board">
<td ng-repeat="card in row"
ng-class="{'selected': card.selected }"
ng-click="selectCard(card)">{{ card.name }}</td>
</tr>
</table>
$scope.cards = [
[ { "name" : 'Card 1', 'selected' : false }
, { "name" : 'Card 2', 'selected' : false }
, { "name" : 'Card 3', 'selected' : false }
],
[ { "name" : 'Card 4', 'selected' : false }
, { "name" : 'Card 5', 'selected' : false }
, { "name" : 'Card 6', 'selected' : false }
],
[ { "name" : 'Card 7', 'selected' : false }
, { "name" : 'Card 8', 'selected' : false }
, { "name" : 'Card 9', 'selected' : false }
]
];