Firebase，将快照数据存储到数组变量

Question

我可以使用ref.child('user').on('child_added',function())将用户内部的内容存储到数组变量中。

所以这是我的例子，

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

然后使用该数组使用ng-repeat

在我的html中显示它

Answer 1

Firebase数据库中的子事件是异步触发的，这是Angular 1.x中开箱即用的问题。您需要在添加到阵列后直接触发$digest循环或使用AngularFire。的 I recommend you use AngularFire.

Vanilla SDK方法

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方法

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