显示加载消息

如果我们的组件没有准备好并等待来自服务器的数据，那么我们可以使用* 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>