How to loop through array of objects from Firebase?

Question

I am trying to loop through an array object retrived from Firebase:

   var announcementsRef = new Firebase(FIREBASE_URL+'/annoucements');
   $scope.announcements =  $firebaseObject(announcementsRef);

I display it in console : image.

I tried to display the first object message like this

console.log($scope.announcements[1].message).

But it does not shows me
How can I solve this ?

Using console.log() for debugging AngularFire data loading is not recommended. To see your announcements, make them visible in your HTML with <pre>{{ announcements | json}}</pre>. That pattern is recommended in the Intro to AngularFire section of the documentation. — Frank van Puffelen
– Frank van Puffelen, Commented Feb 27, 2016 at 8:16

Italo Ayres · Accepted Answer · 2016-02-26 12:28:20Z

1

If what's stored on Firebase it's an array, the way to use it is with $firebaseArray(ref);

Check the guide for more info https://www.firebase.com/docs/web/libraries/angular/guide/synchronized-arrays.html

answered Feb 26, 2016 at 12:28

Italo Ayres

2,6732 gold badges19 silver badges20 bronze badges

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

1 Comment

Frank van Puffelen Over a year ago

@CarmenMitruStudent why do you consider this non help? It is actually exactly what you need to do. If the data at the location is a collection of objects, you need to wrap it in $firebaseArray() and bind that to your $scope.

Collectives™ on Stack Overflow

How to loop through array of objects from Firebase?

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related