Angular Directive for Table

by Johan Preynat

HTML

<div ng-app="myApp">
<div ng-controller="gameCtrl">
</div>
</div>

JavaScript

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

myApp.controller("gameCtrl", function($scope) {
    $scope.str = "........####.............##..##...............#.......&&&&&&......&&&&&&.........&..&&&....%..##.&&&&&......##......&&&......................#..................";
    $scope.game = makeTableFrom($scope.str);
});



function makeTableFrom(str) {
    var k = 1,
        result = [];
    for (var i = 1; i <= 8; i++) {
        //result.push('<tr>');
        for (var j = 1; j <= 20; j++) {
            if (str[k-1] === '#') {
                result.push('<td id="' + k + '">#</td>');
            }
            else if (str[k-1] === '&') {
                result.push('<td class="click" val="water" id="' + k + '">&</td>');
            }
            else {
                result.push('<td class="click" id="' + k + '"><a href="#"></a></td>');
            }
            k++;
        }
        //result.push('</tr>');
    }

    return result;
}