RxJSのfinalize演算子は、Observableが終了した後にロジックを実行します

クズども · 掲載地 2022/06/26 18:49:57

要件:AngularプロジェクトはページのボタンをクリックするとHTTPリクエストを送信します。一部のインターフェースは時間がかかるため、読み込みアニメーションの効果を表示する必要があります。HTTPリクエストが完了すると読み込みアニメーションは閉じられます。リクエストが成功したりエラーが発生した場合は、読み込みアニメーションをオフにする必要があります。

従来の執筆

次のように：

ログインが見えます。

つまり、リクエストが成功してエラーが発生した場合、クローズロードアニメーションを呼び出す必要がありますが、もっと簡単な方法はありますか? C#のtry-catch-finalに似ています。

finalize演算子を使います

それはトライキャッチファイナルです最終的に関数の場合、コードを一度書くだけで、成功・失敗に関わらずロジックは実行されます。

コードは以下の通りです:

ログインが見えます。

最終化はどのように機能しますか? これは基本的に、サブスクライブによって観測可能なオブジェクトの逆アセンブルにコールバックadd(fn)を追加します。これにより、エラー、完了、解約時に必ず呼び出されます。

Observableが終了するとすぐにfinalize演算子が実行されることに注意してください。これは重要なことです! Angular HTTPの場合、リクエストが完了するとAngular HTTPサービスが「完了」を返すため、この方法は非常にうまく機能します。

(終わり)

クズども · 掲載地 2022/09/18 16:05:18

Angular RxJSの主題トピック購読
https://www.itsvse.com/thread-9209-1-1.html

[角] RxJSのfinalize演算子は、Observableが終了した後にロジックを実行します

関連記事

閲覧したセクション