从$ rootScope存储和访问快照值

Question

在我的全局控制器中（用html分配给主体），我有以下代码可以一次捕获firebase的快照。

ref.once('value', function(snapshot){
    var data = snapshot;
}).then(function(data){
    $rootScope.content = data.val();
});

我正在使用HTML模板中的内容来呈现它们。 我发现的所有问题都导致将“ then”代码放入回调中。

从字面上看，我需要做的就是能够捕获一次快照并将其存储在$rootScope.content并在函数外部（即我的应用程序中的任何位置）进行访问。

我很确定这是因为所有内容都是在Firebase返回任何内容之前渲染的，我只是不确定告诉它等待的最佳方法。

先感谢您。

Answer 1

尝试：

ref.once('value', function(snapshot){
    $rootScope.content = snapshot.val();
});

要么：

ref.once('value').then(function(snapshot){
    $rootScope.content = snapshot.val();
});

从once()文档：

返回值返回一个Promise，可以选择使用Promise代替successCallback和failureCallback来处理成功和失败。

Answer 2

我认为您的第二行var data = snapshot; 可能是问题吗？ 如果您只想获取整个数据库并将其分配给名为$rootScope.content或其他任何对象的对象，则可以使用以下内容。 我不使用angular，但是$rootScope.content需要成为一个对象，又名var foo = {}将能够使用snapshot.val() 。 请注意， snapshot.val()不仅包含您的JSON格式数据，而且还包含其他东西，您将必须通过调用属性名称（键的名称）（例如snap.val().firstName来提取单个节点，以获取Bob 。

firebase.database().ref('/').once('value').then(function(snap) {
  $rootScope.content = snap.val();
});