angularjs - 如何在 AngularJS/ui-router 中跟踪长时间运行的异步请求

Question

我正在使用 angular-ui/ui-router 提供的状态层次结构构建 Angular 应用程序。图书馆。
我有一个需要几分钟才能完成的请求，所以目标是 POST到请求资源，然后轮询服务器以确定请求何时完成。该应用程序非常大，站点的不同区域被组织成不同的解耦模块，但标题由公共(public)根状态管理。
为了在不干扰浏览 session 的情况下向用户发送完成事件，我想:

发出请求时，将“加载”微调器添加到应用程序的标题

允许用户继续浏览网站但保留“加载”微调器

一旦轮询确定请求已完成，将微调器替换为“检查”图标。

我如何封装这个过程并允许它继续运行多个状态转换？

Answer 1

您可以创建子状态将从中继承的抽象状态。添加一个轮询长时间运行请求状态的服务。所有子状态都可以通过 $scope.$parent 访问抽象 Controller 。属性(property)。