JSFiddle - React, Tailwind, and code Playground

HTML

<board ng:repeat="b in [1,2,3,4]"></board>

CSS

</style>
<script src="http://code.angularjs.org/0.9.18/angular-0.9.18.min.js" ng:autobind></script> 
<style>

JavaScript

angular.widget('board', function(compileElement){
    compileElement.append(
        '<table ng:controller="BoardController">' +
        '<tr><td>{{board[0][0]}}</td><td>{{board[0][1]}}</td><td>{{board[0][2]}}</td></tr>' +
        '<tr><td>{{board[1][0]}}</td><td>{{board[1][1]}}</td><td>{{board[1][2]}}</td></tr>' +
        '<tr><td>{{board[2][0]}}</td><td>{{board[2][1]}}</td><td>{{board[2][2]}}</td></tr>' +
        '</table>');
    this.descend(true);
    this.directives(true);
});

function BoardController(){
    this.board = [
      ['X', 'O', 'X'],
      ['O', 'X', 'O'],
      ['X', 'O', 'X']
    ];
}