无法从 Firebase 中检索数据

Question

我正在尝试从 firebase 检索数据，其格式如下：

>Users
--->UID
------>email:
------>height:
------>etc...

由于某种原因，当我尝试获取 say email 的值时，UID 不断返回 undefined。这是尝试检索数据的代码：

.factory('Chats', function($rootScope) {
  // Might use a resource here that returns a JSON array
  var chats;

  return {
    all: function() {
      return chats;
    },
    initialize: function(isLoggedIn) {

      var data = $rootScope.ref.getAuth().uid;
      console.log("initialize: " + data);
      if(isLoggedIn == true) {
        $rootScope.ref.on("value", function(snapshot) {
          console.log("Value: " + snapshot.val());
          console.log("Users: " + snapshot.val().users);
          console.log("Data: " + snapshot.val().users.data.email);
        }, function (errorObject) {
          console.log("The read failed: " + errorObject.code);
        });
      }
}
};
})

当它获得第三个console.log（'Data'一个）时它会中断，它会抛出一个异常：

Cannot read property 'email' of undefined

但是当我在 if 语句之前记录变量 data1 时，它以字符串的形式返回用户的正确 UID，所以我不明白为什么它告诉我它未定义。我要做的就是挖掘我的 firebase 树并根据用户的 UID 检索用户的值（电子邮件、身高等）——我通过调用 ref.getAuth().uid 检索这些值。

提前致谢！

Answer 1

您正在阅读 Firebase 的根目录，然后尝试访问：

snapshot.val().users.data.email

对应于：

/users/data/email

如果您检查 JSON 数据，您会发现 /users 没有名为 data 的子节点。要使用数据的值，需要使用括号表示法：

snapshot.val().users[data].email

请注意，您加载的数据比您的方法要多得多。如果您只从数据库中下载他们的数据，您的用户可能会喜欢它，您可以这样做：

$rootScope.ref.child("users").child(data).on("value", function(snapshot) {
  console.log("Data: " + snapshot.val().email);
}, function (errorObject) {
  console.log("The read failed: " + errorObject.code);
});

最后一点：如果您将电子邮件地址绑定到$scope，您会发现 Angular 视图不会立即获取它。这是因为 on() 回调中的代码是异步调用的，到那时 AngularJS 已经不知道您的操作了。您可以了解如何让 AngularJS 了解此答案中的更改：Firebase callbacks and AngularJS。但也可以考虑使用AngularFire 来完全避免这个问题。