AngularJS Example

by choroshin

HTML

<link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.0.3/css/bootstrap.min.css">
<div ng-app="App">
    <div ng-controller="ctrl">
<table class="table table-bordered">
    <thead>
        <tr>
            <th ng-repeat="itemA in items[0]">
                {{itemA}}
            </th>

        </tr>
    </thead>
    <tbody>
        <tr>
            <td ng-repeat="itemB in items[1]">{{itemB}}</td> 
        </tr> 
         <tr>
            <td ng-repeat="itemC in items[2]">{{itemC}}</td> 
        </tr> 
    </tbody>
</table>
    </div>
</div>

CSS

</style> <!-- Ugly Hack to make remote files preload in jsFiddle --> 
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/angularjs/1.2.8/angular.min.js"></script>
<style>

JavaScript

angular.module('App', []);

function ctrl($scope){
$scope.items = [['A', 'B', 'C'], ['item1', 'item2', 'item3'], ['item4', 'item5', 'item6']];
}