角度2のサービスコールの進捗状況を追跡する方法

Question

私は、サービスを使用してデータベースや他のデータリポジトリと話すことがあると言われます。クエリが実行されている間、UIにプログレスバーを表示することができます。

パーセント完了をどのようにトラッキングしていますか？ ありがとう

Answer 1

refer this to do it sanely with angular2 HTTPモジュールです。

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; 
     } 
    }); 
    } 
}