如何使用 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，这是一个开源绑定库，可以解决这个问题以及您可能遇到的许多其他问题。