没有从控制器获取 $rootScope.updatedata 到 html 视图

Question

我正在尝试使用 angularjs 的 $rootScope 从控制器获取 $rootScope.updatedata 到视图。当我将从服务器响应获得的数据传递给视图时，数据为空。来自控制器的数据是有价值的。这是sn-ps

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));
            });
        }
    }

这是我在视图中的获取方式

<input formcontrolname="firstName" value="{{updatedata.email}}" />

弹簧控制器sn-ps

@RequestMapping(value = {"/updateprofile"}, method = RequestMethod.GET, headers = "Accept=application/json") 
    public ResponseData<Client> updateByEmail( @RequestParam("email") String email) {

这是我的挑战

Answer 1

在这种情况下使用$rootscope 对您没有帮助。一般来说，尽量避免使用它，这是一种不好的做法。试试这样的：

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));
            });
        }
    }