问如何在Angular 5中创建加载器微调器

EN

npm install ngx-spinner --save

// Import library module
import { NgxSpinnerModule } from 'ngx-spinner';

@NgModule({
  imports: [
    // ...
    NgxSpinnerModule
  ]
})
export class AppModule { }

<ngx-spinner bdColor="rgba(51, 51, 51, 0.8)" size="medium" color="#dd8f44" type="line-scale-pulse-out-rapid"></ngx-spinner>

import { NgxSpinnerService } from 'ngx-spinner'; <--

@Component({
  selector: 'app-client',
  templateUrl: './client.component.html',
  styleUrls: ['./client.component.scss']
})
export class ClientComponent implements OnInit {

  constructor(
    private spinner: NgxSpinnerService <--
  ) { }

  ngOnInit() {
    this.spinner.show(); <---
    setTimeout(() => {
      this.getClients();
      this.spinner.hide(); <---
    }, 1000);
  }
}