angularfire - why can't I loop over array returned by $asArray?

Question

I'm using AngularFire 0.8

I called the following function to get an instance of an array.

var test = $firebase(new Firebase(URL)).$asArray();

When I console.log 'test', I get the following (see screenshot).

enter image description here

It looks like test is an array. However, when I do "console.log(test[0])", I get undefined.

Why isn't test an array with two elements like console.log(test) seems to show it should be???

Help!!

Add test to the $scope. What happens if you use an ng-repeat="item in test" in your view? — tommyd456
– tommyd456, Commented Oct 16, 2014 at 9:27

Frank van Puffelen · Accepted Answer · 2015-04-26 22:30:10Z

4

Most likely you're calling console.log on the array before the data is loaded. To access the data in the array, you have to wait until the data is loaded.

To do that in code, you use this construct:

var test = $firebase(new Firebase(URL)).$asArray();
test.$loaded().then(function(array) {
    console.log(array[0]);
});

Update

This answer gets more upvotes than I think it's worth. When you're using AngularJS and AngularFire, it is often a bad omen when you use console.log to debug the data that is loaded.

The AngularFire documentation on handling asynchronous operations now has to say on it:

The easiest way to log the data is to print it within the view using Angular's json filter.
{{ data | json }}
AngularFire tells the Angular compiler when it has finished loading the data, so there is no need to worry about when it be available.

edited Apr 26, 2015 at 22:30

answered Oct 16, 2014 at 11:30

Frank van Puffelen

603k85 gold badges895 silver badges869 bronze badges

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

2 Comments

Kato Over a year ago

AJAX why do you trouble the new programmers so? I bite my thumb at thee, asynchronous villain. I bite my thumb at thee!

Frank van Puffelen Over a year ago

Yup. And unfortunately it seems best understood when explained in the OP's context, instead of referring to a standard answer.

Collectives™ on Stack Overflow

angularfire - why can't I loop over array returned by $asArray?

1 Answer 1

Update

2 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Update

2 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related