How to use angularFireCollection initial load callback?

Question

I've been trying to handle properly in my angular service an explicit synchronization with Firebase. I use angularFireCollection with initial load callback function (I need to preload additional data basing on the data returned by the first query). However, I don't know how should I access the fetched data in the callback function:

getGroupIds: function() {

var deferred = $q.defer();
var ref = new Firebase('https://<XXX>.firebaseio.com/groups');
angularFireCollection(ref, function(groups) {

    console.log(groups); 

    deferred.resolve(groups);
});

return deferred.promise;
}

In the above example, how can I access actual data from groups object?d Thanks in advance for any tips.

May be yourService.getGroupIds().then(function(groups) { }); — codef0rmer
– codef0rmer, Commented Sep 26, 2013 at 13:08
Yes, you are right, this is how I can get data from the resolved promise. But my question is in fact different: is it possible (and if yes, then how) I can access the data returned by Firebase inside the optional angularFireCollection callback function. — mgaw
– mgaw, Commented Sep 26, 2013 at 13:35

Anant · Accepted Answer · 2013-09-26 19:25:47Z

2

A Firebase snapshot is provided as an argument to the callback function, and you can extract the value from it as follows:

angularFireCollection(ref, function(snapshot) {
  console.log(snapshot.name() + " has value " + snapshot.val());
});

answered Sep 26, 2013 at 19:25

Anant

7,4161 gold badge32 silver badges30 bronze badges

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

1 Comment

mgaw Over a year ago

That is exactly what I was looking for. Thanks for that example. Still, I think that angularfire documentation should provide more details on it.

Jeff Ilse · Accepted Answer · 2013-09-26 17:00:10Z

0

usually, I'm setting the collection to scope, but either of these seem to work.

var groups = angularFireCollection(ref, function() {
    console.log(groups);     
});

or in a controller

$scope.groups = angularFireCollection(ref, function() {
    console.log($scope.groups );     
});

answered Sep 26, 2013 at 17:00

Jeff Ilse

3663 silver badges6 bronze badges

1 Comment

mgaw Over a year ago

In my opinion none of them should print actual values returned by Firebase, since the data is assigned after callback function is executed. Anyway, the solution provided in the answer above works perfectly.

Collectives™ on Stack Overflow

How to use angularFireCollection initial load callback?

2 Answers 2

1 Comment

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related