Heim > Web-Frontend > js-Tutorial > Wie zeige ich Firebase-Beiträge in absteigender Reihenfolge nach Veröffentlichungszeit an?

Wie zeige ich Firebase-Beiträge in absteigender Reihenfolge nach Veröffentlichungszeit an?

Linda Hamilton
Freigeben: 2024-11-06 12:09:02
Original
645 Leute haben es durchsucht

How to Display Firebase Posts in Descending Order by Posting Time?

Firebase-Beiträge in absteigender Reihenfolge abrufen

Firebase-Benutzer stehen oft vor der Herausforderung, Beiträge basierend auf ihrer Veröffentlichungszeit in absteigender Reihenfolge anzuzeigen. Dieses Tutorial geht auf diesen Bedarf ein und erläutert zwei Methoden, um dies zu erreichen.

Methode 1: Hinzufügen eines invertierten Zeitstempels

Firebase ermöglicht die Sortierung nach untergeordneten Eigenschaften oder Werten. Um eine absteigende Reihenfolge zu erreichen, fügen Sie ein untergeordnetes „Zeitstempel“ mit dem invertierten Zeitstempel hinzu (z. B. 0 – Date.now()). Dadurch werden die Beiträge natürlich chronologisch in umgekehrter Reihenfolge sortiert.

var item = ref.push();
item.setWithPriority(yourObject, 0 - Date.now());
Nach dem Login kopieren

Methode 2: Invertieren auf dem Client

Wenn das Hinzufügen einer Zeitstempeleigenschaft nicht möglich ist, rufen Sie die ab Kinder in aufsteigender Reihenfolge und invertieren Sie sie mit clientseitigem Code.

fbl.child('sell').limit(20).on("value", function(fbdata) { 
  var comments = fbdata.exportVal();
  comments.reverse();
});
Nach dem Login kopieren

Aktualisierte Abrufsyntax

Bei Verwendung von Methode 1 rufen Sie die Daten anders ab:

fbl.child('sell').startAt().limitToLast(20).on('child_added', function(fbdata) {
  console.log(fbdata.exportVal());
})
Nach dem Login kopieren

Beispielimplementierung

Siehe den folgenden Bin, um die Implementierung zu demonstrieren: http://jsbin.com/nonawe/3/watch?js,console

Das obige ist der detaillierte Inhalt vonWie zeige ich Firebase-Beiträge in absteigender Reihenfolge nach Veröffentlichungszeit an?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Neueste Artikel des Autors
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage