How Can Asynchronous Function Result Be returned in AngularFire

Question

I have created the service below.

    app.factory('userProfileFactory', ['FBDB', 'searchParam', function(FBDB, searchParam) {
            var personalKey;
        return {

            userProfile: function() {
                var FBref = new Firebase(FBDB).child('items');
                FBref.orderByChild('first')
                    .startAt(searchParam)
                    .endAt(searchParam)
                    .once('value', function (snapshot) {
                    var data = snapshot.val();

                        personalKey = Object.keys(data)[0];

                        return(personalKey);     
                });

                return(personalKey);

            }
        };
    }]);

However, when I try to get the results of the value of personalKey in the controller below, I get "undefined":

app.controller('profileCtrl', ['userProfileFactory', function(userProfileFactory) {

console.log(userProfileFactory.userProfile())

}]);

Please advice :)

Pankaj Parkar · Accepted Answer · 2016-04-24 15:55:20Z

3

Yes, you could Create a custom promise at that place where you are trying to expecting to get data in asynchrous manner by taking help from $q

userProfile: function() {
  var deferred = $q.defer();
  var FBref = new Firebase(FBDB).child('items');
  var promise = FBref.orderByChild('first')
  .startAt(searchParam)
  .endAt(searchParam)
  .on('value', function(snapshot) {
    var data = snapshot.val();
    personalKey = Object.keys(data)[0];
    deferred.resolve(personalKey);
  });
  return deferred.promise
}

And then controller will call the factory function with .then function to chain promise.

app.controller('profileCtrl', ['userProfileFactory', function(userProfileFactory) {
    userProfileFactory.userProfile().then(function(res){
      console.log(res);
    })
}]);

answered Apr 24, 2016 at 15:55

Pankaj Parkar

136k23 gold badges241 silver badges307 bronze badges

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

4 Comments

John Carson Over a year ago

Works Perfectly. Very grateful :)

Pankaj Parkar Over a year ago

@JohnCarson Glad to help you. Thanks :-)

Munam Yousuf Over a year ago

@PankajParkar Thank you. I was looking for the same.

Pankaj Parkar Over a year ago

@MunamYousuf Glad to know that I helped you as well, Cheers :)

Collectives™ on Stack Overflow

How Can Asynchronous Function Result Be returned in AngularFire

1 Answer 1

4 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

4 Comments

Your Answer

Sign up or log in

Post as a guest

Related