當webpack塊在瀏覽器上加載時顯示進度條

Question

我使用webpack開發了一個角度2應用程序，並且當webpack塊在瀏覽器中加載時顯示進度條，以向客戶端顯示進度上的一些內容時，我想顯示進度條。爲GET/POST數據，但我不知道當瀏覽器加載應用程序塊時如何顯示加載欄。

Answer 1

我在服務中使用get/post api請求，並使用'Observable'對其進行映射。您必須在使用該特定服務的組件中訂閱它。

您可以使用此'subscribe'方法放置進度條或任何文本，因爲第3個參數將在完成加載數據後執行。

你可以從這個代碼獲得幫助：

在地方的「加載正在進行中......」你可以把你的進度條的代碼的可見性。

export class MyApp { 

private data: Observable<Array<number>>; 
private values: Array<number> = []; 
private anyErrors: boolean; 
private finished: String; 


constructor() { 
} 

init() { 
    this.finished = "Loading is in progress....."; 
    this.data = new Observable(observer => { 
     setTimeout(() => { 
      observer.next(42); 
     }, 1000); 

     setTimeout(() => { 
      observer.next(43); 
     }, 2000); 

     setTimeout(() => { 
      observer.complete(); 
     }, 3000); 
    }); 

    let subscription = this.data.subscribe(
     value => this.values.push(value), 
     error => this.anyErrors = true, 
    () => this.finished = "Loading completed!!" 
); 
} 

} 

http://plnkr.co/edit/IFap1uTpXzyL453EqHum?p=preview