Passing value bw controllers

Passing values bw different controllers using rootScope and service

by sendil J

HTML

<div ng-app="passingValue">
  <div ng-controller="one">
    controller one
    <input type="text" ng-model="valOne" name="one" ng-change="refresh(valOne)" />
    <br> {{'output '+valOne}}
  </div>
  <br>
  <div ng-controller="two">
    controller two
    <input type="text" ng-model="valOne" name="two" />
    <br> {{'output '+valOne}}
  </div>
</div>

JavaScript

var app = angular.module('passingValue', []);
app.controller('one', ['$scope', '$rootScope', function($scope, $rootScope) {
  $scope.valOne = 'xxx';
}])
app.controller('two', ['$scope', '$rootScope', function($scope, $rootScope) {
  $rootScope.refresh = function(val) {
  	$scope.valOne = val;
    //console.log(val);
  }
}])