angular.module('myApp',[])
.controller('Parent',['$scope',function($scope){
//no specific definition
}]).controller('Child',['$scope',function($scope){
$scope.user={name:''}; //create a user object
}])
<div ng-app="myApp">
<div ng-controller="Parent">
{{user}}<!--display nothing-->
<div ng-controller="Child">
{{user}} <!--display the user object-->
</div>
</div>
</div>
What is an alternative solution to address this issue without relying on the use of $rootScope