Add a spinner when Mat-table is loading?

I load the data in my material table like that :

ngOnInit(){ return this.annuairesService.getMedecins().subscribe(res => this.dataSource.data = res);}


I want show the spinner when is loading : <mat-spinner ></mat-spinner>

I try : showSpinner: boolean = true;

ngOnInit(){ return this.annuairesService.getMedecins()
.subscribe(res => this.dataSource.data = res);
this.dataSource.subscribe(() => this.showSpinner = false }


but i have this error :

src/app/med-list/med-list.component.ts(54,21): error TS2339: Property 'subscribe' does not exist on type 'MatTableDataSource<{}>'.

Continue reading...