Loading Spinner/Egg Animation

[caelinsutch]

Add loading icon for page loading, not sure how to do this at all

[JaimeStill]

Not sure what you're looking for specifically, but you could create a component using a custom logo that spins using CSS.

Anytime you have a long running task from a service, you could do this in the component template:

<ng-container *ngIf="service.data$ | async as data else loading">
    <!-- component view markup -->
</ng-container>
<ng-loading #loading>
    <!-- your spinner component here -->
</ng-loading>

Example:

In this case, I'm using a mat-progress-bar, but it's just as easy to use a custom component as well.

The route component in the demo app I created in the GIF is: component, template, service.