顯示載入訊息

如果我們的元件沒有準備好並等待來自伺服器的資料，那麼我們可以使用* ngIf 新增載入器。腳步：

首先宣告一個布林值：

loading: boolean = false;

接下來，在元件中新增一個名為 ngOnInit 的生命週期鉤子

ngOnInit() {
   this.loading = true;
}

從伺服器集中獲取完整資料後，將 boolean 載入為 false。

 this.loading=false; 

在你的 html 模板中使用帶有 loading 屬性的* ngIf：

<div *ngIf="loading" class="progress">
   <div class="progress-bar info" style="width: 125%;"></div>
</div>