Тази статия е огледална статия за машинен превод, моля, кликнете тук, за да преминете към оригиналната статия.

Architect_Programmer_Code Селскостопанска мрежа»Архитект › Фронт-енд дизайн и уеб › Предна рамка › Angular 18 Series (26) реализира възможности за отложено търсене, базирани на RXJS ...
Изглед: 1385|Отговор: 3

[Ъглова] Серията Angular 18 (двадесет и шест) реализира възможности за мързеливо търсене, базирани на RXJS

[Копирай линк]
Публикувано в 28.10.2024 г. 17:18:59 ч. | | | |
Изисквания: Когато текстът се променя, бекенд интерфейсът трябва да се извика, за да поиска ключовите думи и да върне данни, но често потребителят не е въвел напълно ключовите думи и събитието за смяна на текста се задейства многократно, което ще наложи натиск върху бекенд интерфейса да иска често, а също така има определен натиск върху честото визуализиране на фронтенда. Как да реализирам функцията за забавено търсене? Тоест, когато потребителят въведе напълно ключовата дума, се извиква заявката за бекенд интерфейса.

За да улесним презентацията, ето обстановкатаЗабавяне с една секунда, визуализациите са както следва:



HTML код на страницата:

Кодът на компонента TS е следният:

(Край)





Предишен:Docker MSSQL 2022 инсталира услугата за търсене с пълен текст
Следващ:Практически бой: Linux използва firewall-cmd за управление на защитните стени

Свързани публикации
 Хазяин| Публикувано в 15.05.2025 г. 8:44:41 ч. |
debounceTime() pipeline
DebounceTime pipeline е вграден конвейер в Angular, който може да се използва за премахване на събития. За да използвате конвейера debounceTime, трябва да подадете времето за отскок (в милисекунди) като параметър
distinctДокатоПромяна()
distinctUntilChanged е оператор, който филтрира едни и същи стойности, които се изпълняват последователно в Observable. Това е полезно в ситуации, когато искате да предотвратите Observable да изстрелва една и съща стойност няколко пъти подред.
 Хазяин| Публикувано в 15.05.2025 г. 9:29:33 ч. |
AsyncValidatorFn валидира стабилизацията на латентността

Препратка:Входът към хиперлинк е видим.
 Хазяин| Публикувано в 15.05.2025 г. 9:33:52 ч. |
Малка шляка Публикувано на 2025-5-15 09:29
AsyncValidatorFn валидира стабилизацията на латентността

Референция: https://stackoverflow.com/questions/36919011/how-to-add-debounc ...

По-нататъшно капсулиране (Не е тествано）

Пример 1:

Пример 2:
Отричане:
Целият софтуер, програмни материали или статии, публикувани от Code Farmer Network, са само за учебни и изследователски цели; Горното съдържание не трябва да се използва за търговски или незаконни цели, в противен случай потребителите ще понесат всички последствия. Информацията на този сайт идва от интернет, а споровете за авторски права нямат нищо общо с този сайт. Трябва напълно да изтриете горното съдържание от компютъра си в рамките на 24 часа след изтеглянето. Ако ви харесва програмата, моля, подкрепете оригинален софтуер, купете регистрация и получете по-добри услуги. Ако има нарушение, моля, свържете се с нас по имейл.
Mail To:help@itsvse.com