Angular: Empty Fiddle
http://angularjs.org/
HTML
<div ng-controller="MainCtrl">
<div ng-repeat="dialog in dialogs" ng-controller-controller="dialog.ctrl">
{{dialog.name}}: {{something}}
</div>
</div>
JavaScript
var myApp = angular.module('myApp',[]);
function MainCtrl($scope, $controller) {
$scope.dialogs = [
{ctrl: $controller('DCtrl1', {$scope: $scope}), name: 'Dialog1'},
{ctrl: $controller('DCtrl2', {$scope: $scope}), name: 'Dialog2'}
];
}
function DCtrl1($scope) {
$scope.something = 'Data1';
}
function DCtrl2($scope) {
$scope.something = 'Data2';
}