Angular: Empty Fiddle
http://angularjs.org/
HTML
<div ng-controller="one">
<input name="state" ng-model="svc.myState"></input>
</div>
<div ng-controller="two">{{svc.myState}}</div>
JavaScript
var myApp = angular.module('myApp',[]);
myApp.factory('stateService',function() {
return {
myState: "foo"
}
})
.controller('one',function($scope,stateService) {
$scope.svc = stateService;
})
.controller('two',function($scope,stateService) {
$scope.svc = stateService;
})