Angular: Empty Fiddle

http://angularjs.org/

HTML

<script src="http://code.angularjs.org/angular-1.0.1.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
<div ng-controller="MyCtrl_1">
  Controller - 1
  <input type="number" ng-model="input_1" />
  <input type="number" ng-model="input_2" />
  <button ng-click="add()">
  Add
  </button>
  Result  - {{result}}
</div>

<div ng-controller="MyCtrl_2">
  <button ng-click="getData()">
  Get Data
  </button>
  Data From Controller - 1: {{result}}
</div>

JavaScript

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

myApp.factory("sharedContext", function() {
  var context = [];
  var addData = function(key, value) {
    var data = {
      key: key,
      value: value
    };
    context.push(data);
  }
  var getData = function(key) {
    var data = _.find(context, {
      key: key
    });
    return data;
  }

  return {
    addData: addData,
    getData: getData
  }
});

function MyCtrl_1($scope, sharedContext) {
  $scope.input_1 = 5;
  $scope.input_2 = 15;

  $scope.add = function() {
    $scope.result = $scope.input_1 + $scope.input_2;
    sharedContext.addData("Result", $scope.result)
  }
}

function MyCtrl_2($scope, sharedContext) {
  $scope.getData = function() {
    $scope.result = sharedContext.getData("Result").value;
  }
}