angular-ui/ui-routerライブラリによって提供される状態階層を使用して、Angular アプリを構築しています。
完了するまでに数分かかるリクエストがあるため、POSTリソースをリクエストしてからサーバーをポーリングして、リクエストがいつ完了するかを判断することが目標です。アプリは非常に大きく、サイトのさまざまな領域がさまざまな分離モジュールに編成されていますが、ヘッダーは共通のルート状態によって管理されています。
ユーザーのブラウジング セッションを妨げずに完了イベントをユーザーに通知するには、次のようにします。
- リクエストが行われたときにアプリのヘッダーに「読み込み中」スピナーを追加します
- ユーザーがサイトを閲覧し続けることを許可しますが、「読み込み中」スピナーは保持します
- リクエストが完了したことをポーリングが判断したら、スピナーを「チェック」アイコンに置き換えます。
このプロセスをカプセル化し、複数の状態遷移を実行し続けるにはどうすればよいですか?