You are on page 1of 1

<!

DOCTYPE html>
<html>
<head>
<script type="text/javascript"
src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.2/angular.min.js"></script
>
</head>

<body ng-app="myNgApp">
<h1>AngularJS $rootScope </h1>
<div ng-controller="parentController">
Controller Name: <br />
Message: Hello From RootScope <br />
<br>
<div ng-controller="childController">
Controller Name: <br />
Message: Hello From RootScope <br />
</div>
</div>
<br>
<div ng-controller="siblingController">
Controller Name: <br />
Message: Hello From RootScope <br />
</div>
<script>
var ngApp = angular.module('myNgApp', []);

ngApp.controller('parentController', function ($scope, $rootScope) {


$scope.controllerName = "parentController";
$rootScope.message = "Hello From RootScope";
});

ngApp.controller('childController', function ($scope) {


$scope.controllerName = "childController";
});

ngApp.controller('siblingController', function ($scope) {


});
</script>
</body>
</html>

You might also like