Angular: Empty Fiddle

http://angularjs.org/

HTML

<script src="http://code.angularjs.org/angular-1.0.1.js"></script>
<div ng-controller="MainController">
    <h1>{{ name }}</h1>
</div>
    
<div ng-controller="AsideController">
    <button ng-click="changeName()">change name</button>
</div>

JavaScript

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

myApp.factory("fac", function($rootScope) {
	var name = "ivan";
	return {
		setName: function(n) {
			name = n;
		},
		getName: function() {
			return name;
		}
	};
});


myApp.controller("MainController", function($scope, fac) {
	$scope.fac = fac;
	$scope.name = $scope.fac.getName();
});


myApp.controller("AsideController", function($scope, fac) {
	$scope.fac = fac;
	$scope.changeName = function() {
		$scope.fac.setName("another name");
	}
});