AngularService

to showcase service variables dont have two way data binding

by rishul matta

HTML

<div ng-controller = "First"> 
    {{one}} 
    <input type = "button" ng-click = "clickHandler()"  value = "clickMe"/>
</div>

<div ng-controller = "Second"> 
    {{one}} 
</div>

JavaScript

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


app.service('DataTransport' , function () {
	this.val = "HI"
})

app.controller('First',function ($scope,DataTransport){
	debugger;
	$scope.one = DataTransport.val
  $scope.clickHandler = function () {
  	debugger;
  	DataTransport.val = "HI from service after click";
  }
})

app.controller('Second',function ($scope,DataTransport){
	debugger;
	$scope.one = DataTransport.val;
})