Create angular promise with another value

Question

I have a web service which returns some data. To prevent code duplication I want to move http request call to angular service:

angular.module('abc', [])
    .factory('def', function () {
        return {
            getData: function () {
                return $http.post('/path/', {});
            }
        };
    });

All is good, but necessary data is inside complicated object, and I have to write every time:

def.getData().then(function (response) {
    scope.obj = response.data.qwe.rty.xyz;
});

What is the easiest way to return promise, which will send value of response.data.qwe.rty.xyz directly to successCallback? And I can write like this:

def.getData().then(function (obj) {
    scope.obj = obj;
});

mingos · Accepted Answer · 2017-11-07 13:45:02Z

4

The call $http.post('/path/', {}) returns a promise on which you then call then(). Note that then() also returns a promise, so you can chain the calls. Your code could therefore look like this:

angular.module('abc', [])
    .factory('def', function () {
        return {
            getData: function () {
                return $http.post('/path/', {})
                        .then(function(response) {
                            return response.data.qwe.rty.xyz;
                        });
            }
        };
    });

answered Nov 7, 2017 at 13:45

mingos

24.7k12 gold badges73 silver badges108 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Peter Wilson · Accepted Answer · 2017-11-07 13:54:13Z

2

you can use the deferring behavior that implemented in the $q provider

like so :

angular.module('abc', [])
.factory('def', function ($q) {

    return {
        getData: function () {
             var def = $q.defer
             $http.post('/path/', {}).then(function(response){
               def.resolve(response.data.qwe.rty.xyz)
             });
            return def.promise; 
        }
    };
});

and use it in your controller like :

def.getData().then(function (response) {
 scope.obj = response;
});

answered Nov 7, 2017 at 13:54

Peter Wilson

4,3175 gold badges40 silver badges63 bronze badges

Collectives™ on Stack Overflow

Create angular promise with another value

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related