RxJS finalize-operatorn exekverar logiken efter att Observablen terminerats

Lilla avskum · Publicerad på 2022-06-26 18:49:57

Krav: Angular-projekt, när man klickar på en knapp på en sida, skickar en HTTP-förfrågan, eftersom vissa gränssnitt tar tid, behöver visa laddningsanimationen, och när HTTP-förfrågan är klar stängs laddningsanimationen.När förfrågan lyckas eller ett fel uppstår måste du stänga av laddningsanimationen。

Konventionellt skrivande

Följande följer:

Inloggningen är synlig.

Det vill säga, när förfrågan lyckas och ett fel uppstår, måste du anropa stängningsladdningsanimationen, finns det ett enklare sätt? Liknande try-catch-finally i C#.

Använd finalize-operatorn

Det den gör är att försöka-fånga-slutslutligenfunktionen behöver vi bara skriva koden en gång, och logiken kommer att exekveras oavsett framgång eller misslyckande.

Koden är följande:

Inloggningen är synlig.

Hur fungerar finalisering? Den lägger i princip till en callback-tillägg(fn) till demonteringen av ett observerbart objekt genom att prenumerera. Detta garanterar att den anropas vid fel, slutförande och avprenumeration.

Observera att finalize-operatorn körs så snart vår Observable avslutas. Det här är viktigt! För Angular HTTP fungerar detta mycket bra eftersom Angular HTTP-tjänsten returnerar "klar" när förfrågan är klar.

(Slut)

Lilla avskum · Publicerad på 2022-09-18 16:05:18

Ämnesprenumeration för Angular RxJS
https://www.itsvse.com/thread-9209-1-1.html

[Kantig] RxJS finalize-operatorn exekverar logiken efter att Observablen terminerats

Relaterade inlägg

Avsnitt som ses