Angular: Empty Fiddle
http://angularjs.org/
HTML
<script src="http://code.angularjs.org/angular-1.0.1.js"></script>
<div ng-controller="MyCtrl">
Hello, {{name}}!
<div ng-repeat="pannel in sidepanels" ng-controller="pannel">
{{ blah }}
</div>
</div>
JavaScript
var myApp = angular.module('myApp',[]);
//myApp.directive('myDirective', function() {});
//myApp.factory('myService', function() {});
function MyCtrl($scope) {
$scope.name = 'Superhero';
$scope.sidepanels = [foo1Ctrl, foo2Ctrl, foo3Ctrl];
}
function foo1Ctrl($scope){
$scope.blah = 1;
}
function foo2Ctrl($scope){
$scope.blah = 2;
}
function foo3Ctrl($scope){
$scope.blah = 3;
}