Maison > interface Web > js tutoriel > Comment afficher les publications Firebase par ordre décroissant par heure de publication ?

Comment afficher les publications Firebase par ordre décroissant par heure de publication ?

Linda Hamilton
Libérer: 2024-11-06 12:09:02
original
645 Les gens l'ont consulté

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

Récupérer les publications Firebase par ordre décroissant

Les utilisateurs de Firebase sont souvent confrontés au défi d'afficher les publications par ordre décroissant en fonction de leur heure de publication. Ce didacticiel répond à ce besoin en expliquant deux méthodes pour y parvenir.

Méthode 1 : ajout d'un horodatage inversé

Firebase permet de trier par propriétés ou valeurs enfants. Pour obtenir l'ordre décroissant, ajoutez un enfant « horodatage » avec l'horodatage inversé (par exemple, 0 - Date.now()). Cela triera naturellement les publications par ordre chronologique dans l'ordre inverse.

var item = ref.push();
item.setWithPriority(yourObject, 0 - Date.now());
Copier après la connexion

Méthode 2 : Inverser sur le client

Si l'ajout d'une propriété d'horodatage n'est pas réalisable, récupérez la enfants par ordre croissant et inversez-les à l'aide du code côté client.

fbl.child('sell').limit(20).on("value", function(fbdata) { 
  var comments = fbdata.exportVal();
  comments.reverse();
});
Copier après la connexion

Syntaxe de récupération mise à jour

Lorsque vous utilisez la méthode 1, récupérez les données différemment :

fbl.child('sell').startAt().limitToLast(20).on('child_added', function(fbdata) {
  console.log(fbdata.exportVal());
})
Copier après la connexion

Exemple d'implémentation

Voir le bac suivant pour démontrer l'implémentation : http://jsbin.com/nonawe/3/watch?js,console

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Derniers articles par auteur
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal