JavaScript für Schleife funktioniert nicht?

Question

Ich habe nicht wirklich Loops verwendet und ich kann nicht herausfinden, warum mein Code nicht funktioniert. Hatte gehofft, dass mir jemand half, mir in die richtige Richtung zu zeigen.

return firebase.database().ref('Users/' + uid + "/PDR").once('value').then(function display(dataSnapshot) { 

    //Number of times the loop should run returning a value 
    var number = dataSnapshot.val().Total; 

    var i; 
    for (i = 1; i < number; i++) { 

    //Each time loop runs changes Firebase reference by "1" 
    return firebase.database().ref('/Users/' + uid + "/PDR/" + i).once('value').then(function display(dataSnapshot) { 

     var num = dataSnapshot.val().number; 
     var dateFrom = dataSnapshot.val().dateFrom; 
     var dateTo = dataSnapshot.val().dateTo; 
     var dbActivity = dataSnapshot.val().activity; 

     //Each loop adds different data to table 
     document.getElementById("PDRTable").innerHTML += '<tr><td>' + num + '</td><td>' + dateFrom + '</td><td>' + dateTo + '</td><td>' + dbActivity + '</td></tr>' 

    }) 
    } 
}) 

Ich versuche, Daten aus meinem Firebase-Backend zu ziehen und es in einer Tabelle anzuzeigen, derzeit wird es nur einmal ausgeführt.

Danke für jede Hilfe und Beratung!

Answer 1

Nicht sicher, was im dataSnapshot-Objekt vorgeht, aber der erste Schritt beim JavaScript-Debugging ist das Hinzufügen eines Alerts ("Here"); in Ihrem Code zu sehen, was (wenn überhaupt)

//Number of times the loop should run returning a value 
    var number = dataSnapshot.val().Total;  

    var i; 
    for (i = 1; i < number; i++){ 
    alert("Here " + i); //Show me the loop variable 
    //Each time loop runs changes Firebase reference by "1" 
    return firebase.database().ref('/Users/' + uid + "/PDR/" + i).once('value').then(function display(dataSnapshot) { 
    alert(num); 
    alert(dateFrom); 
    alert(dateTo); 
    var num = dataSnapshot.val().number; 
    var dateFrom = dataSnapshot.val().dateFrom; 
    var dateTo = dataSnapshot.val().dateTo; 
    var dbActivity = dataSnapshot.val().activity;        

    //Each loop adds different data to table 
    document.getElementById("PDRTable").innerHTML += '<tr><td>'+ num +'</td><td>'+ dateFrom + '</td><td>'+ dateTo +'</td><td>'+ dbActivity +'</td></tr>'