Loading Angular

app.module.ts

import { NgxLoadingModule, ngxLoadingAnimationTypes } from 'ngx-loading';

NgxLoadingModule.forRoot({
      animationType: ngxLoadingAnimationTypes.pulse, // Aqui voce decide o estilo do loading ([ctrl]+[space])
      backdropBackgroundColour: 'rgba(0,0,0,0.1)',
      backdropBorderRadius: '4px',
      primaryColour: '#008e57',
      secondaryColour: '#008e57',
      tertiaryColour: '#008e57'
    })

index.component.html

 <ngx-loading [show]="loading" [config]="{ backdropBorderRadius: '3px' }" [template]="customLoadingTemplate"></ngx-loading>

index.component.ts

export class indexComponent {
// Inicia o Loading como falso
public loading = false;

// Função para chamada da API setando o Loading como 
// true antes de iniciar a request, e setando 
// como falso assim que recebe a resposta

searchPerDate() {
    this.loading = true;
    this.indexeService.indexFunction(
    ).subscribe(list => (this.indexList = list, this.loading = false))
  }
}