Wie kann ich diese Daten mit angular.js in HTML-Seite holen?

Question

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

Ich muss das finden.

Answer 1

Firebase-Daten werden asynchron geladen. Das ist großartig, weil es dem Browser ermöglicht, weiterhin zu reagieren, während die Daten geladen werden. Aber leider bedeutet das auch, dass AngularJS keine Updates mehr erwartet, wenn die Daten zurückkommen.

Die Lösung ist AngularJS zu sagen, wenn die Daten zurückkommt, mit zum Beispiel $timeout():

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

Sie könnten auch einen Blick auf AngularFire haben wollen, eine Open-Source-Bindungsbibliothek, die dieses Problem löst und vielen anderen wirst du wahrscheinlich begegnen.