AngularJS - Use promise instead of returning a data object

Question

AngularJS - Use promise instead of returning a data object

I am currently working on a project using AngularJS.

Within my service.js file, I am attempting to retrieve some values. However, instead of receiving the actual data, I am getting back a promise object with some $$variables along with the desired data.

The issue I am facing is that I cannot manipulate the data properly as it is in promise form. How can I extract only the data object from this?

function loadLinks(response, link) {
  return SpringDataRestAdapter.process(response, link)
    .then(function (results) {
      return results;
    });
}

I am utilizing Spring Data Rest for this task. This code was copied from another service that was functioning correctly, but unfortunately, this one is encountering issues.

Any assistance or guidance would be greatly appreciated!

Thank you in advance!

javascript angularjs promise angular-promise spring-data-rest

Answer 1

Answer №1

If you opt not to add any extra logic, simply return the function which is already a promise:

function fetchLinks(response, link) {
    return SpringDataRestAdapter.process(response, link);
}

Usage example:

myService.fetchLinks(response, link).then(function(result) {
    $scope.results = result;
}, function() {
    // handle failure
});

If additional logic is required, utilize the $q service:

function fetchLinks(response, link) {
    var deferred = $q.defer();
    SpringDataRestAdapter.process(response, link)
        .then(function (results) {
            // perform additional actions
            console.log(results);
            deferred.resolve(results);
        }, function (error) {
            deferred.reject();
        });
        
    return deferred.promise;
}

Answer 2

If you opt not to add any extra logic, simply return the function which is already a promise:

function fetchLinks(response, link) {
    return SpringDataRestAdapter.process(response, link);
}

Usage example:

myService.fetchLinks(response, link).then(function(result) {
    $scope.results = result;
}, function() {
    // handle failure
});

If additional logic is required, utilize the $q service:

function fetchLinks(response, link) {
    var deferred = $q.defer();
    SpringDataRestAdapter.process(response, link)
        .then(function (results) {
            // perform additional actions
            console.log(results);
            deferred.resolve(results);
        }, function (error) {
            deferred.reject();
        });
        
    return deferred.promise;
}

AngularJS - Use promise instead of returning a data object

Answer №1

Similar questions

Utilizing React Router with Material-Table for Efficient Column Value Filtering

Using Angular in conjunction with MySQL to retrieve data from the database

Ways to address the CORS problem in an ajax function without relying on json

Searching for parameters wrongly triggering the id on a different route

Unable to retrieve JSON data from a PHP file hosted on the server

Is it possible to adjust the color of the iOS status bar using NativeScript, Angular 2, and TypeScript?

Validation of a string or number that is not performing as expected

Troubleshoot: Unable to utilize mapActions with Vuex modules

Wrapping an anchor tag with a div in Codeigniter

Can Highchart dynamically adjust color choices based on the quantity of data points available?

Deploy Node.js on a Debian server hosted on Google Compute Engine

The React class component is throwing an unexpected error with the keyword 'this'

Can you explain the distinctions between Vue JS and React JS?

Unable to locate image in React framework

javascript unable to change the text in the textarea

Transform JSX into JSON or a string, then reverse the process

Request data using the Get API

"Identify the protocol name (string) based on a specific port number in TCP/UDP communication

What is the best way to turn a calendar table's <td> elements into interactive form elements?

Execute AJAX request for two individual buttons