Heim >Web-Frontend >js-Tutorial >Wie zeige ich Firebase-Beiträge in absteigender Reihenfolge an?
Anzeigen von Beiträgen in absteigender Reihenfolge mit Firebase
Da Sie mit Firebase arbeiten, um Benutzerkommentare per Push zu ermöglichen, suchen Sie eine Möglichkeit, die abgerufenen Daten in absteigender Reihenfolge anzuzeigen und dabei die standardmäßige Reihenfolge vom Ältesten zum Neuesten umzukehren Reihenfolge.
Firebase bietet zwei Methoden zum Abrufen untergeordneter Knoten: nach Name und nach Priorität. Die Standardreihenfolge ist lexikographisch nach Namen, was eine chronologische Reihenfolge gewährleistet, wenn push() zum Generieren untergeordneter Namen verwendet wird.
Lösung 1: Zeitstempel als Priorität umkehren
Um das zu erreichen Um die gewünschte Reihenfolge zu erreichen, können Sie eine untergeordnete Eigenschaft mit einem invertierten Zeitstempel hinzufügen und darauf ordnen stattdessen:
<code class="python">var ref = new Firebase('https://your.firebaseio.com/sell'); var item = ref.push(); item.setWithPriority(yourObject, 0 - Date.now());</code>
Lösung 2: In aufsteigender Reihenfolge lesen und auf dem Client invertieren
Alternativ können Sie die untergeordneten Elemente in aufsteigender Reihenfolge abrufen und auf dem Client invertieren Seite. Allerdings müssen Sie die Abrufabfrage wie folgt ändern:
<code class="python">fbl.child('sell').startAt().limitToLast(20).on('child_added', function(fbdata) { console.log(fbdata.exportVal()); })</code>
Die Verwendung von on('child_added') stellt sicher, dass die letzten paar hinzugefügten Kinder in umgekehrter chronologischer Reihenfolge zurückgegeben werden. Im Gegensatz dazu gibt on('value') sie in der Namensreihenfolge zurück.
Aktualisierung:
Beachten Sie, dass Firebase jetzt die Sortierung nach jedem untergeordneten Element oder nach Wert ermöglicht, was mehr bietet Flexibilität bei der Art und Weise, wie Sie Ihre Daten sortieren können.
Das obige ist der detaillierte Inhalt vonWie zeige ich Firebase-Beiträge in absteigender Reihenfolge an?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!