Angular JS resolve in a resolve

Question

What I mean by resolve in a resolve is that I want to be able to resolve the user first, and then resolve all his additional info, eg, addressess, contacts, friends.

What I currently have:

.state('website', {
            url : '',
            abstract : true,
            resolve : {
                // Request the current signed in user >
                current_user : ['Auth', function(Auth){
                    return Auth.requestUser();
                }]
            },
            views : {
                'main' : {
                    templateUrl : 'template.html'
                }
            }
        })

What I'll like to do is the following:

.state('website', {
            url : '',
            abstract : true,
            resolve : {
                // Request the current signed in user >
                current_user : ['Auth', function(Auth){
                    Auth.requestUser().then(function(){
                       // HERE I WANT TO RESOLVE OTHER RESOURCES
                       // WHAT WILL I RETURN HERE?
                    });
                }]
            },
            views : {
                'main' : {
                    templateUrl : 'template.html'
                }
            }
        })

I'm not sure if this is possible.

plnkr.co/edit/CqtdqqdtkiXQzAgzp6hZ?p=preview see this link for reference — Rahul Rajput
– Rahul Rajput, Commented May 12, 2015 at 8:50

New Dev · Accepted Answer · 2015-05-12 10:00:03Z

2

You can inject "resolved" parameters into other resolve functions:

resolve: {
  current_user: ['Auth', function(Auth){
    return Auth.requestUser();
  }],

  // "Svc" here is some service I assume you have to get friends, address, etc...
  friends: ["Svc", "current_user", function(Svc, current_user){
     // Svc.getFriends can return a promise or a value
     return Svc.getFriends(current_user);
  }],

  address: ["Svc", "current_user", function(Svc, current_user){
     return Svc.getAddress(current_user);
  }]
}

Then, in the controller for that state, you can inject current_user, friends, and address as parameters:

.controller("WebsiteMainViewCtrl", function($scope, current_user, friends, address){
   // ...
})

edited May 12, 2015 at 10:00

answered May 12, 2015 at 9:46

New Dev

49.8k12 gold badges99 silver badges139 bronze badges

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

2 Comments

jad-panda Over a year ago

this one is better and clean

Altus Over a year ago

Perfect, this is pretty neat!

jad-panda · Accepted Answer · 2015-05-12 10:17:49Z

2

You can do something like this.

 resolve : {
       // Request the current signed in user >
       current_user : ['Auth', function(Auth){
          var deferred = $q.defer();
          Auth.requestUser().then(function(){
              // Call this deferred.resolve in inner asyc callback
              deferred.resolve(data);
          });
          return deferred.promise;

       }]
 }

Or

You can also use chaining

  resolve : {
       // Request the current signed in user >
       current_user : ['Auth', function(Auth, userInformation){
          var authData;
          return Auth
              .requestUser()
              .then(function (_authData) {
                  // do something with dataFromAuth
                  authData = _authData;
                  return userInformation.getDetailInfoAboutUser(_authData.userid); 
              })
              .then(function (detailedUserInfoObject) {
                  // do something with dataFromOtherResource and return
                  detailedUserInfoObject.authInfo = authData;
                  return detailedUserInfoObject;
              });
       }]
 }

edited May 12, 2015 at 10:17

answered May 12, 2015 at 9:01

jad-panda

2,54717 silver badges22 bronze badges

11 Comments

New Dev Over a year ago

While this will fetch all the "other" data, it will also assign dataFromOtherResouce to the injectable current_user, which seems counter-intuitive

jad-panda Over a year ago

OtherResource(dataFromAuth.something); will return promise. so the last then function will not get called until OtherResource(dataFromAuth.something);'s returned promise is not resolved.

New Dev Over a year ago

I understand, but then you do return dataFromOtherResource; - this will assign dataFromOtherResource to the now resolved current_user

jad-panda Over a year ago

But, you can manipulate dataFromOtherResource before returning it. and if you want use the dataFromAuth value inside last function then you can simply store it in a variable in second then function

New Dev Over a year ago

Ok, but what if I want both the user and the other data - which is what the OP requested? You could definitely return an object with all the data you collected: {user: dataFromAuth.user, other: dataFromOtherResouce}, sure... sub-optimal, in my opinion, but works... But modify your answer to show that, since right now it assigns unrelated data to current_user parameter

|

Collectives™ on Stack Overflow

Angular JS resolve in a resolve

2 Answers 2

2 Comments

11 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

2 Comments

11 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related