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

Is it possible for me to set a timer on the 'keyup' event in order to decrease the frequency of updates?

Changing a live request in React

The occurrences of Swiper events fail to be activated

Any suggestions on how to secure my socket connection following user authentication in redux?

Talebook: Unable to modify UI theming color

Can Vuejs delay the calculation of a computed property until the component is "ready"?

Issue with Unslider functionality when using navigation buttons

How to fetch information from MySQL and display it in ng-select using ng-options in AngularJS

Alert: Refs cannot be assigned to function components. Any attempt to access this ref will result in failure. Have you considered using React.forwardRef()? displayed in the @Mui Component

A more efficient method for passing a function as an argument using the keyword "this"

Getting the latest version number of an app from the Google Play Store for an IONIC project

Guide on transitioning from a WebGL renderer to a canvas renderer in three.js

File bootstrap.min.css is currently experiencing compatibility issues

Encountering ENOENT error with Node.js file preview

Firestore Query sends data object to browser

AngularJS is unable to properly show the full calendar on the screen

Inject AngularJS variable bindings into the view alongside HTML code

Troubleshooting Problem with Angular, Laravel, and UI-Router

Send a request to the uClassify API using the Node request module

Tips on organizing and designing buttons within a canvas