AngularJS. Формат ответа $http запроса

Question

Делаю запрос на сервер:

 angular
        .module('mainApp')
        .controller('profileCtrl',profileCtrl);

    function profileCtrl($http,$scope) {
        $scope.getProfileData=function (userId) {
            var promise = $http({
                url: basePath+'/studentReg/getProfileData',
                method: "POST",
                data: $.param({id: userId}),
                headers: {'Content-Type': 'application/x-www-form-urlencoded;charset=utf-8;'}
            }).then(function successCallback(response) {
                console.log('inside');
                console.log(response.data);
                return response.data;
            }, function errorCallback() {
                return false;
            });
            return promise;
        };
        console.log('outside');
        console.log($scope.getProfileData(userId));
    }

В консоли выводится:

   outside
    d {$$state: Object}$$state: Object status: 1 
->value: id: "56" firstName: "Во'вав" fidentity: "" state: "0"...

и

inside
Object {id: "56", firstName: "Во'вав", identity: "", state: "0"...}

Почему такая разница в формате вывода между response.data и promise ? Как правильно присвоить переменной результат запроса, чтобы можно было обращаться к элементам обьекта как-то так:$scope.getProfileData.id и т.д. В том варианте в котором выводит в примере, достучатся к value не смог

П.С.Сервер возвращает echo json_encode($model->attributes);

Возможный дубликат вопроса: Как вернуть значение из события или из функции обратного вызова? — Grundy, Nov 08 '16 at 14:31

score 3 · Accepted Answer · answered Feb 17 '16 at 12:01

Почему такая разница в формате вывода между response.data и promise?

Потому что объекты разных типов, response.data - обработанный результат запроса, а promise - объект который может быть в нескольких состояниях и никак не связан с запросом. Вполне логично что и вывод у них разный.

Как правильно присвоить переменной результат запроса, чтобы можно было обращаться к элементам объекта как-то так:$scope.getProfileData.id и т.д

Никак, так как операция асинхронная. Только в обработчике then для успешного, либо ошибочного состояния promise.

В зависимости от задачи решения могут быть различными: начиная от того, что вам не нужно в контроллере пользоваться значением вне then, и заканчивая использованием ngResource которое прокидывается сразу во view, либо ожиданием пока promise перейдет в статус resolve, на этапе изменения state, либо route

score 1 · Answer 2 · edited Feb 17 '16 at 10:46

Можно без присваивания результата запроса переменной сразу его возвращать:

$scope.getProfileData=function (userId) {
    return $http({
        url: basePath+'/studentReg/getProfileData',
        method: "POST",
        data: $.param({id: userId}),
        headers: {'Content-Type': 'application/x-www-form-urlencoded;charset=utf-8;'}
    }).then(function successCallback(response) {
        console.log('inside');
        console.log(response.data);
        return response.data;
    }, function errorCallback() {
        return false;
    });
};

AngularJS. Формат ответа $http запроса

2 Answers2