如何使用角度js从客户端的服务器显示长时间运行的任务的进度?

时间:2015-06-18 06:35:19

标签: angularjs rest asynchronous asp.net-web-api2

我在后端有一个web api,它会一次批准多张发票。我设置了一个标志,表示approveAll = true,API是异步的,它会遍历发票并更新其状态为APPROVED。

我在前端有角度js应用程序。我正在使用promise来调用API。这不应该阻止用户界面吗?我正在使用ngprogressbar来显示角度js的进度。问题是进度条永远不会完成,因此UI被阻止了很长时间。

如何使UI无阻塞?在角度js中是否有任何方法可以通过它来收集进度计数并在UI上显示?

1 个答案:

答案 0 :(得分:0)

我会推荐ng-progress。这会处理多个请求,并且基本上为所有http活动显示一个简洁的进度条。

NgProgress

您可以使用Angular Loading Bar。它适合你的

这是我们需要注册Angular Loading Bar的方式

angular.module('app', ['angular-loading-bar']);