Rumah  >  Artikel  >  hujung hadapan web  >  Bagaimana untuk Memaparkan Siaran Firebase dalam Susunan Disiarkan Menurun?

Bagaimana untuk Memaparkan Siaran Firebase dalam Susunan Disiarkan Menurun?

Barbara Streisand
Barbara Streisandasal
2024-11-08 14:58:02650semak imbas

How to Display Firebase Posts in Descending Posted Order?

Cara Memaparkan Siaran dalam Susunan Disiarkan Menurun dengan Firebase

Firebase membenarkan pengguna menyiarkan ulasan menggunakan kaedah tolak. Untuk memaparkan data yang diambil dalam susunan kronologi, gunakan kaedah berikut:

fbl.child('sell').limit(20).on("value", function(fbdata) { 
  // handle data display here
}

Walau bagaimanapun, kod ini memaparkan data mengikut tertib tertua kepada yang terbaru. Untuk membalikkan susunan, Firebase menawarkan dua pilihan:


  1. Tambah Sifat Cap Masa Terbalik: Tambahkan sifat anak dengan cap waktu terbalik (0 - Date.now()) apabila menambah post.

  2. Terbalikkan Data pada Klien: Baca kanak-kanak dalam tertib menaik menggunakan on('child_added') dan terbalikkannya pada klien.

Contoh Kod:

Untuk menggunakan pilihan pertama, ubah suai kod push():

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

Untuk menggunakan pilihan kedua, ubah suai kod dapatkan semula:

fbl.child('sell').startAt().limitToLast(20).on('child_added', function(fbdata) {
  console.log(fbdata.exportVal());
})

Nota:

  • Menggunakan on('child_added') memastikan bahawa beberapa kanak-kanak terakhir yang ditambahkan dikembalikan dalam susunan kronologi terbalik.
  • on('value') mengembalikan kanak-kanak dalam susunan nama mereka.
  • Rujuk kepada Dokumentasi Firebase tentang data yang dipesan untuk mendapatkan maklumat lanjut.

Atas ialah kandungan terperinci Bagaimana untuk Memaparkan Siaran Firebase dalam Susunan Disiarkan Menurun?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Kenyataan:
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn