Fulfill the promise in AngularJS and assign it to a different factory

Question

Fulfill the promise in AngularJS and assign it to a different factory

Presenting my factory below:

.factory('UserData', ['User', '$q', function(User, $q) {
    var deferred = $q.defer();

    return {
        user: null,
        get: function() {
            var _this = this;
            _this.user = User.get();
            deferred.resolve(User.get());
            return deferred.promise();
        }

    };

}]);

In the User factory, there is some relevant data available which can be retrieved using User.get(). My goal is to retrieve this data and assign it to user: null in my UserData factory.

javascript angularjs angular-promise

Answer 1

Answer №1

Solution:

.service('UserData', ['User', '$q', function(User, $q) {
   var _service = {};

   _service.user = null;

   /* returns a promise that resolves to user value */
   _service.get = function() {
     // return cached user as a resolved promise
     if (_service.user) return $q.resolve(_service.user);

     return User.get().then(function(user) { // chain User.get() promise
       return _service.user = user; // cache user value in _service.user
     });
   };

   return _service;
}]);

It seems like you might prefer using a cached version (just return value if service.user is already populated). You can simply remove the caching part if this isn't necessary.

Additionally, consider whether or not you want to expose the user variable as part of the service. If not, you may want to declare it as a variable instead and modify references to _service.user to conceal internal implementation details.

Answer 2

Solution:

.service('UserData', ['User', '$q', function(User, $q) {
   var _service = {};

   _service.user = null;

   /* returns a promise that resolves to user value */
   _service.get = function() {
     // return cached user as a resolved promise
     if (_service.user) return $q.resolve(_service.user);

     return User.get().then(function(user) { // chain User.get() promise
       return _service.user = user; // cache user value in _service.user
     });
   };

   return _service;
}]);

It seems like you might prefer using a cached version (just return value if service.user is already populated). You can simply remove the caching part if this isn't necessary.

Additionally, consider whether or not you want to expose the user variable as part of the service. If not, you may want to declare it as a variable instead and modify references to _service.user to conceal internal implementation details.

Fulfill the promise in AngularJS and assign it to a different factory

Answer №1

Similar questions

Is ES5 essentially the same as ES6 in terms of my lambda search?

Show the information stored in an array using Angular

What are the benefits of incorporating an external API with Next.js API routes?

How can I create a parent div with cursor-pointer and apply inline styling to make all child elements

When trying to run ionic serve, I encountered the following error: "[ERROR] ng has unexpectedly closed with an exit code of 127."

The Ionic application encounters an issue with the $stateParams being

What is the process for uploading files with just node.js?

AngularJS encountered an unidentified provider: $routeProviderProvider

Can the server-side manipulate the browser's address bar?

NPM packages installed on a global level are not being detected

Unit Testing Angular controllers with an external variable in Jasmine framework

"Bringing the power of JavaScript to your WordPress

Navigating through different tabs in an AngularJS application is made simple and efficient with the help of $

Using external scripts that require access to the DOM and window object within a Javascript/Node.js Azure Function: Best practices

Denied from being displayed in a frame due to a violation of the Content Security Policy directive by a parent element

Navigating React Router: Updating the page on back button press

Error: Angular2 RC5 | Router unable to find any matching routes

The outcome of Contains function is coming back as negative

Clicking a button to reference a specific section within a list item

Utilizing a Function's Return Value as a State in React - A Comprehensive Guide