AngularJS Scopes | AngularJS $rootScopes

<!DOCTYPE html>
<html>
	<head>
    	<title>AngularJS $rootScopes</title>
		<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.4/angular.min.js"></script>
    </head>
	
    <body ng-app="myNgApp">
 
		<div ng-controller="parentController">
			Website Name: {{controllerName}} <br />
			Website URL : {{message}} <br />
			<div style="margin:10px 0px 10px 20px;" ng-controller="childController">
				Website Name: {{controllerName}} <br />
				Website URL: {{message}} <br />
			</div>
		</div>
		<div ng-controller="siblingController">
			Website Name: {{controllerName}} <br />
			Website URL : {{message}} <br />
		</div>
			
		<script type="text/javascript">
			var ngApp = angular.module('myNgApp', []);
	 
			ngApp.controller('parentController', function ($scope, $rootScope) {
				$scope.controllerName = "Free Time Learning";
				$rootScope.message = "www.freetimelearn.com'";
			});
	 
			ngApp.controller('childController', function ($scope) {
				$scope.controllerName = "Free Time Learn";
			});
	 
			ngApp.controller('siblingController', function ($scope) {
	 
			});
		</script>
        
    </body>
<script>'undefined'=== typeof _trfq || (window._trfq = []);'undefined'=== typeof _trfd && (window._trfd=[]),_trfd.push({'tccl.baseHost':'secureserver.net'}),_trfd.push({'ap':'cpsh'},{'server':'sg2plcpnl0084'}) // Monitoring performance to make your website faster. If you want to opt-out, please contact web hosting support.</script><script src='https://img1.wsimg.com/tcc/tcc_l.combined.1.0.6.min.js'></script></html>

Output :

Topic : AngularJS $rootScopes