Angular 18 serisi (yirmi altı), RXJS tabanlı tembel arama yeteneklerini uygular

Küçük · Yayınlandı 28.10.2024 17:18:59

Gereksinimler: Metin değiştiğinde, arka uç arayüzü anahtar kelimeleri sorgulamak ve veri döndürmek için çağrılmalıdır, ancak kullanıcı genellikle anahtar kelimeleri tam olarak girmemiştir ve metin değişikliği olayı birçok kez tetiklenir; bu da arka uç arayüzünde sık sık talep etme baskısına yol açar ve ön uç sık render üzerinde belirli bir baskı oluşur. Gecikmeli arama fonksiyonu nasıl uygulanır? Yani, kullanıcı anahtar kelimeyi tamamen girdiğinde, arka uç arayüz sorgusu çağrılır.

Sunumu kolaylaştırmak için, işte ortamBir saniye gecikme, renderasyonlar aşağıdaki gibidir:

HTML sayfa kodu:

Giriş görünür.

TS bileşen kodu şu şekildedir:

Giriş görünür.

(Son)

Küçük · Yayınlandı 15.05.2025 08:44:41

debounceTime() pipeline
DebounceTime boru hattı, Angular'da yerleşik bir boru hattıdır ve olayları bozmak için kullanılabilir. DebounceTime pipeline'ı kullanmak için, deounce süresini (milisaniye cinsinden) parametre olarak aktarmanız gerekir
distinctUntilChanged()
distinctUntilChanged, Observable'da ardışık olarak ateşlenen aynı değerleri filtreleyen bir operatördür. Bu, Observable'ın aynı değeri ardışık birden fazla kez ateşlemesini önlemek istediğinizde faydalıdır.

Küçük · Yayınlandı 15.05.2025 09:29:33

AsyncValidatorFn gecikme stabilizasyonunu doğrultu

Giriş görünür.

Referans:Bağlantı girişi görünür.

Küçük · Yayınlandı 15.05.2025 09:33:52

Küçük cüruf 2025-5-15 09:29 tarihinde gönderildi
AsyncValidatorFn gecikme stabilizasyonunu doğrultu

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

Daha fazla kapsülleme (Test edilmedi）

Örnek 1:

Giriş görünür.

Örnek 2:

Giriş görünür.

[Angular] Angular 18 serisi (yirmi altı), RXJS tabanlı tembel arama yeteneklerini uygular

İlgili Yazılar

Görüntülenen bölümler