Unendliche Schriftrolle mit AngularJs und Firebase

7

Wie implementieren Sie unendliches Scrollen von Daten, die Sie von Firebase erhalten? Bisher habe ich eine angularjs Anweisung gefunden, die wirklich gut funktioniert, aber ich habe Schwierigkeiten damit, sie mit Firebase als Firebase zu implementieren gibt alle Daten in einer einzigen Anfrage zurück und das ist nicht was ich will.

    
NSCoder 04.04.2014, 16:51
quelle

1 Antwort

19

Vor wenigen Wochen habe ich eine JS-Funktion erstellt, die in meiner App ein unbegrenztes Scrollen ermöglichte.

Zuerst wird eine Reihe von Daten angezeigt, wenn der Benutzer die Website besucht:

%Vor%

Dann die Funktion, die das unendliche Scrollen ermöglicht:

%Vor%

Zum Schluss das unendliche Scrollen:

%Vor%

Es funktioniert hervorragend mit kleinen Datensätzen. Ich hoffe, das hilft dir, dein Problem zu lösen (oder gibt dir mehr Ideen).

UPDATE Oktober 2015

Firebase hat seit meiner ursprünglichen Antwort Wachstum, was bedeutet, dass es jetzt ziemlich einfach ist, ein unendliches Scrollen zu erreichen, indem Sie einfach seine Javascript-API verwenden :

Zunächst empfehle ich einen Index in deiner Firebase. Für diese Antwort erstelle ich diese:

%Vor%

Dann lass uns mit Firebase etwas Magie machen:

%Vor%

Zum Schluss noch ein besseres Infinite Scrolling (ohne jQuery):

%Vor%

Ich verwende diesen Ansatz mit Reagieren und es ist unglaublich schnell, egal wie groß Ihre Daten sind.

    
Jobsamuel 05.04.2014, 20:42
quelle