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

Comment afficher les publications Firebase par ordre décroissant ?

Susan Sarandon
Libérer: 2024-11-07 12:45:03
original
638 Les gens l'ont consulté

How to Display Firebase Posts in Descending Order?

Affichage des publications par ordre décroissant avec Firebase

Alors que vous travaillez avec Firebase pour permettre aux utilisateurs de commenter via push, vous recherchez un moyen d'afficher les données récupérées dans l'ordre décroissant, en inversant l'ordre par défaut du plus ancien au plus récent.

Firebase propose deux méthodes pour récupérer les nœuds enfants : par nom et par priorité. L'ordre par défaut est lexicographique par nom, ce qui garantit un ordre chronologique lors de l'utilisation de push() pour générer des noms d'enfants.

Solution 1 : Inverser l'horodatage en priorité

Pour atteindre l'ordre ordre souhaité, vous pouvez ajouter une propriété enfant avec un horodatage inversé et commander dessus à la place :

<code class="python">var ref = new Firebase('https://your.firebaseio.com/sell');
var item = ref.push();
item.setWithPriority(yourObject, 0 - Date.now());</code>
Copier après la connexion

Solution 2 : Lecture par ordre croissant et inversion sur le client

Alternativement, vous pouvez récupérer les enfants par ordre croissant et les inverser côté client. Cependant, vous devrez modifier la requête de récupération comme suit :

<code class="python">fbl.child('sell').startAt().limitToLast(20).on('child_added', function(fbdata) {
  console.log(fbdata.exportVal());
})</code>
Copier après la connexion

L'utilisation de on('child_added') garantit que les derniers enfants ajoutés sont renvoyés dans l'ordre chronologique inverse. En revanche, on('value') les renvoie dans l'ordre des noms.

Mise à jour :

Notez que Firebase permet désormais de trier par n'importe quel enfant ou par valeur, offrant plus flexibilité dans la façon dont vous pouvez trier vos données.

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