Оператор RxJS finalize выполняет логику после завершения наблюдаемой функции

Маленькая мразь · Опубликовано 26.06.2022 18:49:57

Требования: Angular Projects, при нажатии кнопки на странице, отправляют HTTP-запрос, поскольку некоторые интерфейсы занимают много времени, нужно отображать эффект анимации загрузки, после завершения HTTP-запроса анимация загрузки закрывается.Когда запрос выполнен успешно или возникает ошибка, нужно отключить анимацию загрузки。

Традиционное письмо

Следующим образом:

Вход виден.

То есть, когда запрос выполнен успешно и возникает ошибка, нужно вызвать анимацию закрытия загрузки, есть ли более простой способ? Похоже на «попробуй поймать» в C#.

Используйте оператор финализации

Что он делает — это попытка поймать финалнаконецНам нужно написать код только один раз, и логика будет выполнена независимо от успеха или неудачи.

Код таков:

Вход виден.

Как работает финализация? По сути, он добавляет callback add(fn) к разборке наблюдаемого объекта путём подписки. Это гарантирует, что он будет вызван при ошибке, завершении и отмене подписки.

Обратите внимание, что оператор finalize выполняется сразу после завершения нашего Observable. Это важно! Для Angular HTTP это работает очень хорошо, потому что сервис Angular HTTP возвращает «выполнено» после завершения запроса.

(Конец)

Маленькая мразь · Опубликовано 18.09.2022 16:05:18

Подписка на тематические темы для Angular RxJS
https://www.itsvse.com/thread-9209-1-1.html

[Угловат] Оператор RxJS finalize выполняет логику после завершения наблюдаемой функции

Связанные публикации

Просмотренные разделы