De RxJS finalize-operator voert de logica uit nadat de Observable is beëindigd

Klein tuig · Geplaatst op 26-06-2022 18:49:57

Vereisten: Angular-projecten sturen bij het klikken op een knop op een pagina een HTTP-verzoek, omdat sommige interfaces tijdrovend zijn en het laadanimatie-effect moeten tonen; wanneer het HTTP-verzoek is voltooid, wordt de laadanimatie gesloten.Wanneer het verzoek succesvol is of er een fout optreedt, moet je de laadanimatie uitschakelen。

Conventioneel schrijven

Als volgt:

Inloggen is zichtbaar.

Dat wil zeggen, wanneer het verzoek succesvol is en er een fout optreedt, moet je de sluitingslaadanimatie aanroepen, is er een makkelijkere manier? Vergelijkbaar met try-catch-finally in C#.

Gebruik de finalize-operator

Wat het doet is try-catch-finaleindelijkfunctie hoeven we de code maar één keer te schrijven, en de logica wordt uitgevoerd ongeacht succes of mislukking.

De code is als volgt:

Inloggen is zichtbaar.

Hoe werkt finaliseren? Het voegt in feite een callback-add(fn) toe aan de demontage van een observeerbaar object door zich te abonneren. Dit garandeert dat het wordt aangeroepen bij fout, voltooiing en afmelden.

Let op dat de finalize-operator wordt uitgevoerd zodra onze Observable is beëindigd. Dit is belangrijk! Voor Angular HTTP werkt dit heel goed omdat de Angular HTTP-service "klaar" teruggeeft zodra het verzoek is voltooid.

(Einde)

Klein tuig · Geplaatst op 18-09-2022 16:05:18

Onderwerpabonnement voor Angular RxJS
https://www.itsvse.com/thread-9209-1-1.html

[Angular] De RxJS finalize-operator voert de logica uit nadat de Observable is beëindigd

Gerelateerde berichten

Secties bekeken