angular6 页面加载数据时的loading提示

npm install --save ngx-loading

import { BrowserModule } from ‘@angular/platform-browser‘;
import { NgModule } from ‘@angular/core‘;
import { NgxLoadingModule } from ‘ngx-loading‘;

@NgModule({
  ...
  imports: [
    ...

    ...
  ],
 ...
})
export class AppModule { }

export class *Component implements OnInit {
  loading = false;
  ...
  get*Data(): void {
    this.loading = true;
    this.*Service.getData(url).subscribe(res => {
      ...
      this.loading = false;
      ...
    }, error => {
      ...
      this.loading = false;
      ...
    });
  }
}

<ngx-loading [show]="loading" [config]="{ backdropBorderRadius: ‘14px‘ }"></ngx-loading>