Seri Angular 18 (dua puluh enam) mengimplementasikan kemampuan pencarian lambat berdasarkan RXJS

Sampah kecil · Diposting pada 28/10/2024 17.18.59

Persyaratan: Ketika teks berubah, antarmuka back-end harus dipanggil untuk mengkueri kata kunci dan mengembalikan data, tetapi seringkali pengguna belum sepenuhnya memasukkan kata kunci, dan peristiwa perubahan teks akan dipicu berkali-kali, yang akan menyebabkan tekanan pada antarmuka back-end untuk sering meminta, dan ada juga tekanan tertentu pada rendering front-end yang sering. Bagaimana cara menerapkan fungsi pencarian tertunda? Artinya, ketika pengguna memasukkan kata kunci sepenuhnya, kueri antarmuka backend dipanggil.

Untuk memudahkan presentasi, berikut adalah pengaturannyaPenundaan satu detik, renderingnya adalah sebagai berikut:

Kode halaman HTML:

Login terlihat.

Kode komponen TS adalah sebagai berikut:

Login terlihat.

(Akhir)

Sampah kecil · Diposting pada 15/05/2025 08.44.41

debounceTime()
Alur debounceTime adalah alur bawaan di Angular yang dapat digunakan untuk menumpal peristiwa. Untuk menggunakan alur debounceTime, Anda perlu meneruskan waktu debounce (dalam milidetik) sebagai parameter
distinctUntilChanged()
distinctUntilChanged adalah operator yang menyaring nilai yang sama yang diaktifkan secara berurutan dalam Observable. Ini berguna dalam situasi di mana Anda ingin mencegah Observable menembakkan nilai yang sama beberapa kali berturut-turut.

Sampah kecil · Diposting pada 15/05/2025 09.29.33

AsyncValidatorFn memvalidasi stabilisasi latensi

Login terlihat.

Referensi:Login hyperlink terlihat.

Sampah kecil · Diposting pada 15/05/2025 09.33.52

Terak kecil Dipaparkan pada 2025-5-15 09:29
AsyncValidatorFn memvalidasi stabilisasi latensi

Referensi: https://stackoverflow.com/questions/36919011/how-to-add-debounc ...

[Sudut] Seri Angular 18 (dua puluh enam) mengimplementasikan kemampuan pencarian lambat berdasarkan RXJS

Pos terkait

Bagian yang dilihat