javascript - 迭代 Firebase ref 以加载其子项

Question

我想从 firebase 单独加载对象的每个子对象。

下面给出了一段无效的代码，可以更好地解释这个想法:

var userId = firebase.auth().currentUser.uid;
  firebase.database().ref('/users/'+userId+"/foo/list").once('value').then(function(list) {
    var reffoo = firebase.database().ref().child("/foo/");
    for (var i = 0; i < list.length; i++) {
      ref = reffoo.child(list[i]);
      $scope.foo[ref] = $firebaseObject(ref);
    }
  });

根据我的分析，问题是，$firebaseObject 对 firebase 进行异步调用，但不知道如何使其工作？

Answer 1

一种选择是获取集合的ref并迭代使用 data snapshot api即，

var ref = firebase.database().ref('/users/'+userId+"/foo/list");

ref.once('value', function(snapshot) {
  snapshot.forEach(function(childSnapshot) {
    var childKey = childSnapshot.key;
    var childData = childSnapshot.val();
    $scope.foo[childKey] = childData;
  });
});

如果您想维护对对象的实际 angularFire 引用，则 $firebaseArray来帮忙:

var list = $firebaseArray(ref);

// add an item
list.$add({ foo: "bar" }).then(...);

// remove an item
list.$remove(2).then(...);

// make the list available in the DOM
$scope.list = list;