Firebase, Storing snapshot datas to an array variable

Question

Can I use ref.child('user').on('child_added',function()) to store what's inside a user to an array variable.

So this is my example,

$scope.samplearray = [];
ref.child('user').on("child_added", function(snapshot) {
  $scope.samplearray.name = snapshot.val().name;
  $scope.samplearray.age = snapshot.val().age;
});

then use that array to display it in my html using ng-repeat

Did my answer help?

David East
– David East

2017-01-05 13:50:25 +00:00
Commented Jan 5, 2017 at 13:50 — David East
– David East, Commented Jan 5, 2017 at 13:50

David East · Accepted Answer · 2016-11-27 13:04:47Z

1

Child events in the Firebase Database are fired asynchronously, which is a problem out of the box in Angular 1.x. You will either need to to trigger the $digest loop directly after adding to the array or use AngularFire. I recommend you use AngularFire.

Vanilla SDK approach

function MyController($scope) {
  var ref = firebase.database.ref('items');
  var items = [];
  ref.on('child_added', function(snap) {
    $scope.$evalAsync(function() {
      var item = snap.val();
      // use a super private property to keep around the key
      item.__key = snap.key; 
      items.push(item);
    });
  });
}

AngularFire approach

function MyController($scope, $firebaseArray) {
  var ref = firebase.database.ref('items');
  // Handles all child events: added, removed, changed, moved
  $scope.items = $firebaseArray(ref);
}

answered Nov 27, 2016 at 13:04

David East

32.7k6 gold badges70 silver badges83 bronze badges

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

Collectives™ on Stack Overflow

Firebase, Storing snapshot datas to an array variable

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related