Im folgenden Code speichere ich den Schlüssel und die E-Mail-Adresse jedes Elements in einer Tabelle und lade das Objekt, das mit dem Schlüssel aus der ursprünglichen Tabelle abgerufen werden soll, ab. Ich kann sehen, dass die Elemente in das Array rawList gestellt werden, wenn ich console.log, aber die Funktion gibt this.cartList zurück, bevor es etwas darin hat, so dass die Ansicht keine der Daten erhält. Wie kann ich es so einrichten, dass this.cartList darauf wartet, dass rawList voll ist, bevor es zurückgegeben wird?
Ich habe versucht, die this.cartList = rawList an einer Reihe von verschiedenen Stellen (vor return false , sogar innerhalb der .then -Anweisung) zu setzen, aber das hat das Problem nicht gelöst.
Da Sie angular verwenden, sollten Sie auch rawList verwenden, was snapshot2.val() verwendet, wodurch dieses Problem für Sie gelöst wird. Sie werden immer noch das normale SDK für viele Dinge verwenden, aber zum Abrufen und Binden von Daten wird es nicht empfohlen, Firebase alleine ohne %code% zu benutzen, da es diese Dinge weniger überschaubar macht.
Das Schöne an diesem Ansatz ist, dass Sie beliebige Methoden für %code% wie %code% , %code% , %code% usw. nutzen können.
Nach der Installation einfach tun:
%Vor%Und in der Ansicht:
%Vor%Um zu warten, bis die Daten angezeigt werden.
Das Problem ist der Promise (async .once () -Aufruf an Firebase) innerhalb der forEach-Schleife (sync). Die forEach-Schleife wartet nicht auf die then () -Anweisung, so dass bei der nächsten Iteration die Daten der vorherigen Iteration einfach verloren gehen ...
Sie müssen forEach die gesamte Promise in die rawList schieben und dann darauf warten, dass sie aufgelöst werden und mit den Ergebnissen etwas tun.
Die Sache ist, es ist immer noch ein bisschen peinlich, diese.cartList = Promise.all (rawList) zuzuweisen, da sie es zu einem Versprechen macht. Vielleicht möchten Sie Ihr Design überdenken und etwas wie einen getCartList Service machen? (nicht wissen, wie deine App ist: p)
Der folgende Funktionsaufruf ist asynchron und Sie verlieren den Gültigkeitsbereich, bevor %code% eine Chance zum Aktualisieren hat, da dieser Datenbankaufruf eine ziemlich lange Zeit benötigt:
%Vor%Sie schieben den Schnappschuss auch direkt in diese Liste, wenn Sie %code% drücken sollten, um den Rohwert zu erhalten.
So würde ich Ihren Code reparieren:
%Vor%Verwenden Sie AngularFire2 und RxJS Dies spart Ihnen viel Zeit und Sie werden es in der richtigen und wartbaren Weise tun, indem Sie die RxJS-Operatoren verwenden. Hier können Sie mehr über diese Operatoren erfahren learnrxjs
Im folgenden Code speichere ich den Schlüssel und die E-Mail-Adresse jedes Elements in einer Tabelle und lade das Objekt, das mit dem Schlüssel aus der ursprünglichen Tabelle abgerufen werden soll, ab. Ich kann sehen, dass die Elemente in das Array %code% gestellt werden, wenn ich console.log, aber die Funktion gibt %code% zurück, bevor es etwas darin hat, so dass die Ansicht keine der Daten erhält. Wie kann ich es so einrichten, dass %code% darauf wartet, dass %code% voll ist, bevor es zurückgegeben wird?
%Vor%Ich habe versucht, die this.cartList = rawList an einer Reihe von verschiedenen Stellen (vor %code% , sogar innerhalb der %code% -Anweisung) zu setzen, aber das hat das Problem nicht gelöst.
Das Problem ist der Promise (async .once () -Aufruf an Firebase) innerhalb der forEach-Schleife (sync). Die forEach-Schleife wartet nicht auf die then () -Anweisung, so dass bei der nächsten Iteration die Daten der vorherigen Iteration einfach verloren gehen ...
Sie müssen forEach die gesamte Promise in die rawList schieben und dann darauf warten, dass sie aufgelöst werden und mit den Ergebnissen etwas tun.
Die Sache ist, es ist immer noch ein bisschen peinlich, diese.cartList = Promise.all (rawList) zuzuweisen, da sie es zu einem Versprechen macht. Vielleicht möchten Sie Ihr Design überdenken und etwas wie einen getCartList Service machen? (nicht wissen, wie deine App ist: p)
Da Sie angular verwenden, sollten Sie auch angularfire2 verwenden, was Observables verwendet, wodurch dieses Problem für Sie gelöst wird. Sie werden immer noch das normale SDK für viele Dinge verwenden, aber zum Abrufen und Binden von Daten wird es nicht empfohlen, Firebase alleine ohne angularfire2 zu benutzen, da es diese Dinge weniger überschaubar macht.
Das Schöne an diesem Ansatz ist, dass Sie beliebige Methoden für Observable wie filter , first , map usw. nutzen können.
Nach der Installation einfach tun:
%Vor%Und in der Ansicht:
%Vor%Um zu warten, bis die Daten angezeigt werden.
Verwenden Sie AngularFire2 und RxJS Dies spart Ihnen viel Zeit und Sie werden es in der richtigen und wartbaren Weise tun, indem Sie die RxJS-Operatoren verwenden. Hier können Sie mehr über diese Operatoren erfahren learnrxjs
Tags und Links javascript firebase angular firebase-database callback