Angular: Empty Fiddle
http://angularjs.org/
HTML
<script src="http://code.angularjs.org/angular-1.0.1.js"></script>
<div ng-app="myApp" ng-controller="myCtrl">
Parent: <input type="text" ng-model="anObject.aProperty">
<h1>{{ anObject.aProperty }}</h1>
<div ng-controller="firstCtrl">
Child: <input type="text" ng-model="anObject.aProperty">
<h1>{{ anObject.aProperty }}</h1>
</div>
<div ng-controller="secondCtrl">
Sibling Child: <input type="text" ng-model="anObject.aProperty">
<h1>{{ anObject.aProperty }}</h1>
</div>
</div>
JavaScript
var myApp = angular.module('myApp',[]);
myApp.controller("myCtrl",function($scope) {
$scope.anObject={aProperty: "init"};
});
myApp.controller("firstCtrl",function($scope) {});
myApp.controller("secondCtrl",function($scope) {});