如何使用angular.js将此数据提取到html页面？

Question

var gamedataRef = firebase.database().ref('gamedata');
gamedataRef.on('child_added', function(data) {
    $scope.abc = data.val().textgame;
});

我必须找到这个。

Answer 1

Firebase数据是异步加载的。这很棒，因为它允许浏览器在加载数据时继续响应。但不幸的是，这也意味着AngularJS在数据恢复时不再期待更新。

解决方案是在数据返回时告诉AngularJS，例如$timeout()：

var gamedataRef = firebase.database().ref('gamedata');
gamedataRef.on('child_added', function(data) {
    $timeout(function(){
        $scope.abc = data.val().textgame;
    });
});

您可能还想看看AngularFire，这是一个解决了这个问题的开源绑定库以及很多其他可能遇到的问题。