Understanding root scope

praneethkumarpidugu · Jun 23, 2016 · 855b0f8 · 855b0f8
1 parent 50f0196
commit 855b0f8
Show file tree

Hide file tree

Showing 2 changed files with 21 additions and 8 deletions.
diff --git a/section4/lesson2/index.html b/section4/lesson2/index.html
@@ -13,9 +13,16 @@
 
 
 <div class="container" >
-
 	<div class="row" >
 		<div class="col-md-6" >
+			<div class="root">
+				<label >
+					<input type="text"
+						   ng-model="name" />
+				</label >
+				<p >{{name}}</p >
+	<div class="row" >
+		<div class="" >
 			<div class="parent"
 			     ng-controller="ParentController" >
 				<label >
@@ -40,6 +47,9 @@
 		</div >
 	</div >
 </div >
+</div>
+</div>
+</div>
 
 
 <script src="../libs/angular/angular.min.js" ></script >

diff --git a/section4/lesson2/main.js b/section4/lesson2/main.js
@@ -1,15 +1,18 @@
 var app = angular.module('codecraft', []);
 
-app.controller('ParentController', function ($scope) {
-	$scope.name = "Parent";
-
-	$scope.reset = function () {
-		$scope.name = "Parent";
-	};
+app.controller('ParentController', function ($scope, $rootScope) {
+	// $scope.name = "Parent";
+    //
+	// $scope.reset = function () {
+	// 	$scope.name = "Parent";
+	// };
 
 });
 
-app.controller('ChildController', function ($scope) {
+app.controller('ChildController', function ($scope, $rootScope) {
+	$scope.reset = function() {
+		$rootScope.name = "Reset By Child";
+	};
 });