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
Barbara Streisandoriginal
2024-11-08 14:58:02722parcourir

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
}

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

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

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!

Déclaration:
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