Maison > interface Web > js tutoriel > Comment afficher les publications Firebase dans l'ordre de publication décroissant ?

Comment afficher les publications Firebase dans l'ordre de publication décroissant ?

Barbara Streisand
Libérer: 2024-11-08 14:58:02
original
724 Les gens l'ont consulté

How to Display Firebase Posts in Descending Posted Order?

Comment afficher les publications par ordre décroissant avec Firebase

Firebase permet aux utilisateurs de publier des commentaires en utilisant la méthode push. Pour afficher les données récupérées par ordre chronologique, utilisez la méthode suivante :

fbl.child('sell').limit(20).on("value", function(fbdata) { 
  // handle data display here
}
Copier après la connexion

Cependant, ce code affiche les données de la plus ancienne à la plus récente. Pour inverser l'ordre, Firebase propose deux options :


  1. Ajouter une propriété d'horodatage inversé : Ajouter une propriété enfant avec l'horodatage inversé (0 - Date.now()) lors de l'ajout de la publication.

  2. Inverser les données sur le client : Lire les enfants par ordre croissant en utilisant on('child_added') et inversez-les sur le client.

Exemple de code :

Pour utiliser la première option, modifiez le push( ) code :

var ref = new Firebase('https://your.firebaseio.com/sell');
var item = ref.push();

// Append an inverted timestamp to the post object
var postObject = {...yourObject, timestamp: 0 - Date.now()};

item.setWithPriority(postObject, 0 - Date.now());
Copier après la connexion

Pour utiliser la deuxième option, modifiez le code de récupération :

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

Remarques :

  • Utilisation on('child_added') garantit que les derniers enfants ajoutés sont renvoyés dans l'ordre chronologique inverse.
  • on('value') renvoie les enfants dans l'ordre de leurs noms.
  • Reportez-vous à la Documentation Firebase sur les données commandées pour plus d'informations.

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