Angular 18 sērija (divdesmit seši) īsteno slinkas meklēšanas iespējas, kuru pamatā ir RXJS

Maz putas · Publicēts 28.10.2024 17:18:59

Prasības: Kad teksts mainās, aizmugures interfeiss ir jāizsauc, lai vaicātu atslēgvārdus un atgrieztu datus, taču bieži vien lietotājs nav pilnībā ievadījis atslēgvārdus, un teksta maiņas notikums tiks aktivizēts daudzas reizes, kas radīs spiedienu uz aizmugures interfeisu bieži pieprasīt, un pastāv arī zināms spiediens uz priekšējās daļas biežo renderēšanu. Kā īstenot aizkavētās meklēšanas funkciju? Tas ir, kad lietotājs pilnībā ievada atslēgvārdu, tiek izsaukts aizmugures interfeisa vaicājums.

Lai atvieglotu prezentāciju, šeit ir iestatījumsAizkavēšanās par vienu sekundi, atveidojumi ir šādi:

HTML lapas kods:

Pieteikšanās ir redzama.

TS komponenta kods ir šāds:

Pieteikšanās ir redzama.

(Beigas)

Maz putas · Publicēts 15.05.2025 08:44:41

debounceTime() cauruļvads
Cauruļvads debounceTime ir iebūvēts konveijers programmā Angular, ko var izmantot, lai atvadītu notikumus. Lai izmantotu debounceTime konveijeru, kā parametrs ir jānodod atgriešanās laiks (milisekundēs)
distinctUntilChanged()
distinctUntilChanged ir operators, kas filtrē tās pašas vērtības, kas tiek aktivizētas secīgi novērojamā. Tas ir noderīgi situācijās, kad vēlaties neļaut novērojamajam izšaut vienu un to pašu vērtību vairākas reizes pēc kārtas.

Maz putas · Publicēts 15.05.2025 09:29:33

AsyncValidatorFn validē latentuma stabilizāciju

Pieteikšanās ir redzama.

Atsauce:Hipersaites pieteikšanās ir redzama.

Maz putas · Publicēts 15.05.2025 09:33:52

Mazie izdedži Publicēts 2025-5-15 09:29
AsyncValidatorFn validē latentuma stabilizāciju

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

Turpmāka iekapsulēšana (Nav pārbaudīts）

1. piemērs:

Pieteikšanās ir redzama.

2. piemērs:

Pieteikšanās ir redzama.

[Leņķis] Angular 18 sērija (divdesmit seši) īsteno slinkas meklēšanas iespējas, kuru pamatā ir RXJS

Saistītās ziņas

Skatītās sadaļas