Q2

Data Sharing

by Preetha Srinivasan

HTML

<div ng-app="myapp" >
  <div ng-controller="ctrl1">
    <input type="text" ng-model="ctrl1Val" ng-change="setValueToService()"/>
  </div>
  <div ng-controller="ctrl2">
    <input type="text" ng-model="ctrl2Val" />
     <button ng-click="getCtrl1Values()">
       Set from Ctrl1
     </button>
  </div>
 
<div>

JavaScript

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

app.service('cacheFactory',function(){ 
   var data = '';   
   this.setValue = function(value){
      data = value;
   },
   this.getValue = function(){
      return data;
   }
   
});


app.controller('ctrl1',['$scope','cacheFactory',function ($scope,cacheFactory) {
  $scope.ctrl1Val = "";
  $scope.setValueToService = function(){
     cacheFactory.setValue($scope.ctrl1Val );
  }
}]);


app.controller('ctrl2',['$scope','cacheFactory',function ($scope,cacheFactory) {
    $scope.ctrl2Val = "";
   $scope.getCtrl1Values = function(){
      $scope.ctrl2Val = cacheFactory.getValue();
   }
}]);