En la función de clic del botón Estilo CSS que se llamará en el archivo TS

código HTML

    <div class="overlay-loader">
    <div *ngIf="isLoading" class="loader"></div>
    <p *ngIf="results">{{ results | json }}</p>
    <p *ngIf="error">Error: {{ error | json }}</p>
    </div>
    <p>
    <button (click)="getResult()">Get result</button>
    </p>

Link que he probado:https: //stackblitz.com/edit/angular-loader-kspfhg? ctl = 1 & embed = 1 & file = app / app.component.html & view = editor Después de hacer clic en el botón overlay-loader css class que se cargará y una vez que se obtengan los datos, css overlay-loader será menos seguro