Angular: Empty Fiddle
http://angularjs.org/
HTML
<div ng-controller="MyCtrl">
<input type="text" ng-model="name.name"/>
<button ng-click="broadcast()">Broadcast event</button>
</div>
<div ng-controller="MyCtrl2">
<input type="text" ng-model="name2.name"/>
</div>
JavaScript
var myApp = angular.module('myApp',[]);
function MyCtrl($scope,$rootScope) {
$scope.name = {name: "MyCtrl"};
$scope.broadcast = function(){
$rootScope.$broadcast('someEvent', $scope.name);
};
}
function MyCtrl2($scope,$rootScope) {
$scope.name2 = null;
$scope.$on('someEvent', function(event, data){
$scope.name2 = data;
});
}