RxJS finalize 연산자는 관찰 가능 객체가 종료된 후 논리를 실행합니다

작은 쓰레기 같은 놈들 · 게시됨 2022. 6. 26. 오후 6:49:57

요구사항: Angular 프로젝트는 페이지에서 버튼을 클릭할 때 HTTP 요청을 보냅니다. 일부 인터페이스는 시간이 많이 걸리기 때문에 로딩 애니메이션 효과를 표시해야 하며, HTTP 요청이 완료되면 로딩 애니메이션이 종료됩니다.요청이 성공하거나 오류가 발생하면 로딩 애니메이션을 꺼야 합니다。

전통적인 글쓰기

다음과 같습니다:

로그인이 보이네요.

즉, 요청이 성공하고 오류가 발생하면 클로즈 로딩 애니메이션을 호출해야 하는데, 더 쉬운 방법이 있을까요? C#의 try-catch-final과 비슷합니다.

finalize 연산자를 사용하세요

이 영화는 시도-캐치-파이널 같은 역할을 합니다마침내함수를 작성하면 한 번만 하면 되며, 성공 여부와 관계없이 로직이 실행됩니다.

코드는 다음과 같습니다:

로그인이 보이네요.

최종 확정은 어떻게 진행되나요? 기본적으로 구독을 통해 관찰 가능한 객체를 디어어셈블리할 때 콜백 add(fn)를 추가합니다. 이 경우 오류, 완료, 구독 취소 시 호출이 완료됩니다.

Observable이 종료되는 직후 종료 연산자는 종료된다는 점에 유의하세요. 이건 정말 중요해! Angular HTTP의 경우, 요청이 완료되면 Angular HTTP 서비스가 "완료"를 반환하기 때문에 이 방법이 매우 잘 작동합니다.

(끝)

작은 쓰레기 같은 놈들 · 게시됨 2022. 9. 18. 오후 4:05:18

Angular RxJS의 주제별 구독
https://www.itsvse.com/thread-9209-1-1.html

[각] RxJS finalize 연산자는 관찰 가능 객체가 종료된 후 논리를 실행합니다

관련 게시물

본 섹션