javascript - 如何将返回的 Firebase 数据设置为 AngularJS 中的 $scope 变量？

Question

我正在尝试做的事情:

我想输出我主页的书节点中的所有书。我需要的是一个对象数组，其中包含书籍节点中的所有书籍，以便我可以使用 AngularJs 中的 ng-repeat 指令循环遍历它们。在下面的代码中，当我控制台记录数据时，我得到一个对象的对象，它不能与 ng-repeat 一起使用。我遇到的另一个问题是，当我尝试将 $scope.allBooks 变量输出到页面时，什么也没有出现。谁能帮我解决这个问题？

使用 Javascript SDK 而不是 Angularfire https://firebase.google.com/docs/

// Main Controller
firebase.database().ref('books').on('value', function(snapshot) {
    var data = snapshot.val();

    $scope.allBooks = data;
    console.log(data);
});


// Book Node in Firebase
books : {
    id : {
        title: 'The Hunger Games',
        author: 'Suzanne'
    },
    id : {
        title: 'Harry Potter and the Order of the Phoenix',
        author: 'J.K.'
    }
}

Answer 1

如果您不想使用 angularfire，则需要让 angular 知道运行更新。

// Main Controller
firebase.database().ref('books').on('value', function(snapshot) {
    var data = snapshot.val();

    $scope.allBooks = data;
    console.log(data);
    $scope.$apply();
});

只需在 $scope.$apply() 中添加，让 Angular 知道要更新。