如何跟踪角度2服务调用的进度

Question

我被告知我们使用服务与数据库或其他数据存储库交谈。当查询正在执行时，我希望能够在UI上放置一个进度条。

如何跟踪完成百分比？ 谢谢

Answer 1

您可以或者refer this to do it sanely with angular2 HTTP模块。

否则同样可以用XHR progress事件jQuery中进行：

import { Subject } from 'rxjs/Subject'; 
export class ProgressLoader { 
    percentage$: Subject<any>; 

    constructor() { 
    this.percentage$ = new Subject(); 
    $.ajax({ 
     type: 'GET', 
     url: 'http://google.com', 
     xhr: function() { 
     var xhr = new window.XMLHttpRequest(), 

     xhr.addEventListener("progress", (evt) => { 
     this.percentage$.next(parseInt(evt.loaded/evt.total * 100, false) + '%'); 
     }, false); 
     return xhr; 
     } 
    }); 
    } 
}