Angular+JQ+Bootstrap

by luizz

HTML

<link rel="stylesheet" href="http://twitter.github.com/bootstrap/assets/css/bootstrap.css">
<script src="http://code.jquery.com/jquery-1.7.2.min.js"></script>
<script src="http://code.angularjs.org/1.0.0/angular-1.0.0.js"></script>
<script src="https://raw.github.com/tigbro/jquery-mobile-angular-adapter/master/src/main/webapp/utils/if.js"></script>
<div ng-controller="Tester">
    <table border="1">
    <tbody ng-repeat='(what,items) in data'>
      <tr ng-repeat='item in items'>
        <td ngm-if="$first" rowspan="{{items.length}}">{{what}}</td>
        <td>{{item}}</td>
      </tr>
    </tbody>
  </table>
</div>

JavaScript

(function() {
    var app=angular.module('myApp', []);

    app.controller('Tester', function($scope) {
        $scope.data = {
            Colors: ["red", "green", "blue"]
        }
    });
}());