Heim  >  Artikel  >  Web-Frontend  >  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
Linda HamiltonOriginal
2024-11-06 12:09:02536Durchsuche

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());

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();
});

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());
})

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!

Stellungnahme:
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