显示每个http请求angular2的加载栏

Question

我正在将我的应用程序从angularjs移动到angular2.我用的Angular Loading Bar是哪个

使用角度拦截器的自动装载杆.它自动运行,因此只需将其作为依赖项包含它,它将自动显示$ http请求的进度.

更多信息

我试图在angular2中找到类似的插件.我遇到了一些,ng2-slim-loading-bar但在这里我必须手动管理进度.对于每个http请求,我必须手动启动进度条,然后完成它.

那么,是否有任何现有的插件可以完成Angular Loading Bar与angularjs 完全相同的操作.或者我如何修改任何现有的插件,使其表现得像这样.

Answer 1

您可以使用ngx-progressbar.它可以在HTTP请求运行时自动显示进度条.

你所要做的就是:

1-导入并提供 NgProgressCustomBrowserXhr

import { NgProgressCustomBrowserXhr } from 'ngx-progressbar';

@NgModule({
 providers: [
   // ...
   { provide: BrowserXhr, useClass: NgProgressCustomBrowserXhr } ,
 ],
 imports: [
   // ...
   NgProgressModule
 ]
})

2-在模板中使用如下所示.

<ng-progress></ng-progress>

您的HTTP请求将自动开始和完成进度.无需使用NgProgressService手动调用start()/ done().