Ez a cikk egy tükör gépi fordítás, kérjük, kattintson ide, hogy ugorjon az eredeti cikkre.

Architect_Programmer_Code Mezőgazdasági Hálózat»Építész › Front-end design és web › Front-end keret › Az Angular 18-as sorozat (26) az RXJS alapján halasztott keresési képességeket valósít meg ...
Nézet: 1385|Válasz: 3

[Szöglet] Az Angular 18-as sorozat (huszonhat) LXJS alapú lusta keresési képességeket valósít meg

[Linket másol]
Közzétéve 2024. 10. 28. 17:18:59 | | | |
Követelmények: Amikor a szöveg változik, a háttérfelületet kell hívni, hogy lekérdezze a kulcsszavakat és visszaadja az adatokat, de gyakran a felhasználó még nem írta meg teljesen a kulcsszavakat, és a szövegváltási esemény többször aktiválódik, ami nyomást gyakorol a háttérfelületre, hogy gyakran kérjen, és bizonyos nyomás nehezedhet a front-end gyakori renderelésre. Hogyan lehet megvalósítani a késleltetett keresési funkciót? Vagyis amikor a felhasználó teljesen beírja a kulcsszót, a háttérfelület lekérdezése megszólal.

A bemutató megkönnyítése érdekében itt van a helyszínEgy másodperccel késés, a képek a következők:



HTML oldalkód:

A TS komponenskód a következő:

(Vége)





Előző:Docker MSSQL 2022 telepíti a teljes szöveges keresési szolgáltatást
Következő:Gyakorlati harc: Linux a tűzfal-cmd-t használja a tűzfalak kezelésére

Kapcsolódó bejegyzések
 Háziúr| Közzétéve 2025. 05. 15. 8:44:41 |
debounceTime() vezeték
A debounceTime csővezeték egy beépített vezeték az Angularban, amely események depultálására használható. A debounceTime csővezeték használatához paraméterként kell átadni a debounce időt (milliszekundumokban)
distinctUntilChanged()
a distinctUntilChanged egy olyan operátor, amely kiszűri ugyanazokat az értékeket, amelyeket egymás után indítanak egy megfigyelhető eszközben. Ez hasznos olyan helyzetekben, amikor meg akarod akadályozni, hogy az Observable ugyanazt az értéket többször egymás után lője ki.
 Háziúr| Közzétéve 2025. 05. 15. 9:29:33 |
AsyncValidatorFn validálja a késleltetési stabilizációt

Utalás:A hiperlink bejelentkezés látható.
 Háziúr| Közzétéve 2025. 05. 15. 9:33:52 |
Kis salak Közzétéve: 2025-5-15 09:29
AsyncValidatorFn validálja a késleltetési stabilizációt

Hivatkozás: https://stackoverflow.com/questions/36919011/how-to-add-debounc ...

További kapszulázás (Nem tesztelve）

1. példa:

2. példa:
Lemondás:
A Code Farmer Network által közzétett összes szoftver, programozási anyag vagy cikk kizárólag tanulási és kutatási célokra szolgál; A fenti tartalmat nem szabad kereskedelmi vagy illegális célokra használni, különben a felhasználók viselik az összes következményet. Az oldalon található információk az internetről származnak, és a szerzői jogi vitáknak semmi köze ehhez az oldalhoz. A fenti tartalmat a letöltés után 24 órán belül teljesen törölni kell a számítógépéről. Ha tetszik a program, kérjük, támogassa a valódi szoftvert, vásároljon regisztrációt, és szerezzen jobb hiteles szolgáltatásokat. Ha bármilyen jogsértés történik, kérjük, vegye fel velünk a kapcsolatot e-mailben.
Mail To:help@itsvse.com