Angular telabase layout v2

http://angularjs.org/

by Warwick Grigg

HTML

<link rel="stylesheet" href="http://netdna.bootstrapcdn.com/twitter-bootstrap/2.3.1/css/bootstrap-combined.min.css">
<script type="text/ng-template" id="embeded.tpl.html">
    embeded template
</script>

   <ul>
        <li><a href="#/link">change route</a></li>
    </ul>

<div class="row-fluid" ng-controller="HeadCtrl">
  <div class="span12">
    Header 12 cols <br>
    <div class="row-fluid">
      <div class="span3">
        Side bar 3 cols <br>
        Side content<br>
        Side content<br>
        <br>
      </div>
      <div class="span9" ng-controller="MyCtrl">
    
        Document 9 cols <br>
        <div ng-view></div> <br>
        Doc content <br>
      </div>
    </div>
  </div>
</div>

JavaScript

var data = {a: "abc", d: "def"};

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

myApp.controller('MyCtrl', function($scope) {});

myApp.config(function($routeProvider) {      
    $routeProvider.when('/link', {
        controller: 'MyCtrl',
        templateUrl: 'embeded.tpl.html'
    });
});

myApp.controller('HeadCtrl', function($scope) {});