alpavlove/index.html

## index.html
<!DOCTYPE html>
<html ng-app="myApp">

  <head>
    <script data-require="angular.js@*" data-semver="1.3.0-beta.5" src="https://code.angularjs.org/1.3.0-beta.5/angular.js"></script>
    <script src="script.js"></script>
  </head>

  <body>
    <div>
      <header ng-controller="HeaderCtrl">
        <div ng-bind="getSharedVariable()"></div>
      </header>
      <div ng-controller="BodyCtrl">
        <form ng-submit="setSharedVariable()">
          <input type="text" ng-model="myVariable" />
          <button type="submit">Submit</button>
        </form>
      </div>
    </div>
  </body>

</html>

## script.js
angular.module('myApp', [])
.factory('MyFactory', function ($q) {
    var mySharedVariable;
    return {
        setVariable: function (data) {
            var deferred = $q.defer();
            mySharedVariable = data;
            deferred.resolve('success');
            return deferred.promise;
        },
        getVariable: function () {
            return mySharedVariable;
        }
    };
})
.controller('BodyCtrl', function ($scope, MyFactory) {
    $scope.setSharedVariable = function () {
        MyFactory.setVariable($scope.myVariable)
        .then(function () {
            $scope.myVariable = '';
        })
    }
})
.controller('HeaderCtrl', function ($scope, MyFactory) {
    $scope.getSharedVariable = function () {
        return MyFactory.getVariable();
    }
});
	<!DOCTYPE html>
	<html ng-app="myApp">

	<head>
	<script data-require="angular.js@*" data-semver="1.3.0-beta.5" src="https://code.angularjs.org/1.3.0-beta.5/angular.js"></script>
	<script src="script.js"></script>
	</head>

	<body>
	<div>
	<header ng-controller="HeaderCtrl">
	<div ng-bind="getSharedVariable()"></div>
	</header>
	<div ng-controller="BodyCtrl">
	<form ng-submit="setSharedVariable()">
	<input type="text" ng-model="myVariable" />
	<button type="submit">Submit</button>
	</form>
	</div>
	</div>
	</body>

	</html>
	angular.module('myApp', [])
	.factory('MyFactory', function ($q) {
	var mySharedVariable;
	return {
	setVariable: function (data) {
	var deferred = $q.defer();
	mySharedVariable = data;
	deferred.resolve('success');
	return deferred.promise;
	},
	getVariable: function () {
	return mySharedVariable;
	}
	};
	})
	.controller('BodyCtrl', function ($scope, MyFactory) {
	$scope.setSharedVariable = function () {
	MyFactory.setVariable($scope.myVariable)
	.then(function () {
	$scope.myVariable = '';
	})
	}
	})
	.controller('HeaderCtrl', function ($scope, MyFactory) {
	$scope.getSharedVariable = function () {
	return MyFactory.getVariable();
	}
	});