not getting $rootScope.updatedata from controller to html view - angularjs

Question

I am trying to get $rootScope.updatedata from the controller to the view using $rootScope of angularjs. When I pass the data gotten from the server response to the view, the data is null. From the controller, the data has a value. Here is the snippets
app.controller("updateCtrl",["$scope","$rootScope","$location","$cookies","$http",
function($scope,$rootScope,$location,$cookies,$http){
getUserDetails: function (email) {
$http({
method: 'GET',
url: '/updateprofile',
params: {email: email}
}).then(function successCallback(response) {
if (response.status == 204) {
} else if (response.status == 200) {
alert("email24 "+response.data); //this returns an object
$rootScope.updatedata = response.data; //passing to the view }
}, function errorCallback(response) {
alert(JSON.stringify(response));
});
}
}
here is how I am getting it in the view
<input formcontrolname="firstName" value="{{updatedata.email}}" />
spring controller snippets
#RequestMapping(value = {"/updateprofile"}, method = RequestMethod.GET, headers = "Accept=application/json")
public ResponseData<Client> updateByEmail( #RequestParam("email") String email) {
this is my challenge

Answer 1

Using $rootscope in this situation will not help you. In general, try avoiding using it, it's a bad practice. Try something like this instead:
app.controller("updateCtrl",["$scope","$location","$cookies","$http",
function($scope,$location,$cookies,$http){
$scope.updatedata = {
email: "",
//rest of your fields
};
getUserDetails: function (email) {
$http({
method: 'GET',
url: '/updateprofile',
params: {email: email}
}).then(function successCallback(response) {
if (response.status == 204) {
} else if (response.status == 200) {
alert("email24 "+response.data); //this returns an object
$scope.updatedata.email = response.data.email;
//populate rest of the fields
}
}, function errorCallback(response) {
alert(JSON.stringify(response));
});
}
}