Angular: Empty Fiddle

http://angularjs.org/

by pradeep1991singh

HTML

<script src="http://code.angularjs.org/angular-1.0.1.js"></script>
<div ng-controller="MyCtrl">
  Hello, <br>
  <input type="text" ng-model="name" placeholder="Enter name here" />
  <button type="submit" ng-click="send()">
   Send
  </button>
</div>

<div ng-controller="My2Ctrl">
  Hi, {{sharedData}}!
</div>

JavaScript

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

//myApp.directive('myDirective', function() {});

myApp.factory('datasharer', function () {
  var sharedData = null;
  var registeredFunc = null;

  var setSharedData = function (data) {
    //sharedData = data;
    console.log(registeredFunc);
    registeredFunc(data)
  };

  var getSharedData = function () {
    return sharedData;
  };

  var registerForSharedData = function (functionCb) {
  	console.log(functionCb);
		registeredFunc = functionCb;
  }

  return {
    setSharedData:setSharedData,
    getSharedData:getSharedData,
    registerForSharedData:registerForSharedData
  };
});

function MyCtrl($scope, datasharer) {
		$scope.sharedData = datasharer.getSharedData();
    $scope.send = function() {
    	datasharer.setSharedData($scope.name);    
    }
}

function My2Ctrl($scope, datasharer) {
    function getSendData(data) {
    	console.log(data);
    	$scope.sharedData = data;
    }
    
    datasharer.registerForSharedData(getSendData);
}