Séria Angular 18 (dvadsaťšesť) implementuje funkcie lenivého vyhľadávania založené na RXJS

Malý · Zverejnené 28. 10. 2024 17:18:59

Požiadavky: Keď sa text zmení, zadné rozhranie by malo byť volané na dotazovanie kľúčových slov a vracanie dát, ale často používateľ ešte nie je úplne zadaný a udalosť zmeny textu sa spustí viackrát, čo spôsobuje tlak na backendové rozhranie, aby často žiadalo, a zároveň je na front-end vyvíjaný tlak pri častom vykresľovaní. Ako implementovať funkciu oneskoreného vyhľadávania? To znamená, že keď používateľ zadá kľúčové slovo úplne, vyvolá sa dotaz na backendové rozhranie.

Aby sme uľahčili prezentáciu, tu je prostredieOneskorenie o jednu sekundu, zobrazenia sú nasledovné:

HTML kód stránky:

Prihlásenie je viditeľné.

Kód komponentu TS je nasledovný:

Prihlásenie je viditeľné.

(Koniec)

Malý · Zverejnené 15. 5. 2025 8:44:41

pipeline debounceTime()
Pipeline debounceTime je zabudovaný pipeline v Angulare, ktorý sa dá použiť na debounce udalostí. Na použitie pipeline debounceTime musíte odovzdať debounce time (v milisekundách) ako parameter
distinctUntilChanged()
distinctUntilChanged je operátor, ktorý filtruje rovnaké hodnoty, ktoré sa postupne vyvolávajú v Observable. To je užitočné v situáciách, keď chcete zabrániť tomu, aby Observable vystrelil tú istú hodnotu viackrát za sebou.

Malý · Zverejnené 15. 5. 2025 9:29:33

AsyncValidatorFn validates latency stabilization

Prihlásenie je viditeľné.

Referencia:Prihlásenie na hypertextový odkaz je viditeľné.

Malý · Zverejnené 15. 5. 2025 9:33:52

Little Slag Zverejnené 15.5.2025 09:29
AsyncValidatorFn validates latency stabilization

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

Ďalšie zapuzdrenie (Netestované）

Príklad 1:

Prihlásenie je viditeľné.

Príklad 2:

Prihlásenie je viditeľné.

[Angular] Séria Angular 18 (dvadsaťšesť) implementuje funkcie lenivého vyhľadávania založené na RXJS

Súvisiace príspevky

Zobrazené sekcie