2016-09-14 70 views
3

可以等待渲染GUI /組件並在任務完成時顯示它。Angular 2 - 如何在等待http請求完成時阻止GUI渲染

  1. 請求的網頁瀏覽器。
  2. 開始從服務器加載一些數據的任務。
  3. 當任務完成後,請告訴angular2繼續加載所有組件。
  4. 渲染完成。

</head> 
<body> 
    <div *ngIf="UserData"> 
    <app>Laddar...</app> 
    </div> 
    <div *ngIf="!UserData"> 
    Laddar... 
    </div> 
</body> 
</html> 

所以阻擋<app>頂部部件,所述模塊中的所有的部件將被阻止?

回答

1
<div *ngIf="data"> 
    {{content}} 
</div> 
http.get(...).subscribe(val => this.data = val);