$$状态的怪异外观

Question

我希望使用具有这种格式的http.get从服务器获取数据。

{"username":"my name is"}

检索数据后，我计划将用户的值保存在变量中。使用firebug，我进入网络选项卡，检查我是否得到了预期的输出，这是正确的。但奇怪的是，它无法使用此{{}}显示该值。当我使用angular.element($0).scope()检查我的变量的值时，我得到的是这样的

//controller
$scope.userDetails={};
$scope.userDetails.userName = MyService.getUserName( );
console.log($scope.userDetails.userName );



 //service
    getUserName: function( ) {
        var response = $q.defer( );

        $http.get( ENV.apiEndpoint + '/getUsername' ).success( function( data ) {
            console.log("success");
            console.log(typeof data);
            console.log( data);
            response.resolve( data[0].user.trim());
        })
        .error(function( data ) {
            console.log("reject");
            console.log(typeof data);
            console.log( data);
            response.reject( data);
        }) ;

        return response.promise;
    }

为什么我会得到那个奇怪的$$状态对象？我怎样才能摆脱它并只获取用户名