Add an Angular Loading Spinner with RxJS and Material

#Angular #Loading #Spinner #rxjs

Want to learn how to create a full stack application with Angular and Firebase?
Grab my new course 'Angular Firebase Authentication: Create Full Sign up App' with 50% off here:

In this video, I show you how to add an Angular Loading Spinner with RxJS and automatically make it appear whenever there is a network call by using HttpInterceptor.

The complete code for this tutorial can be found here:

Follow me on:

Cheers :)

[ZoaibKhan]

Hey guys! Check out the follow up video to this tutorial on the link below. I cover some improvements especially related to making multiple calls and their issues with the spinner

[TheFilburt]

This is one of the best tutorials I've seen so far, you explained it very well. Thank you so Much!

[karthiksadanand]

This is one of the cleanest tutorials !, thank you <3

[MariaBadanina]

Thank you very much! This video helped me

[codeaz]

thank u Sir. Can u make a video for upgrading this project angular v 19 please

[kiendinhkhoi]

How to show spinner and blur background bro?

[plumemotorpartpmp]

thank you teacher
very good lesson : )

[alexou]

Thank you my man, you are the best :)

[raviteja]

Hello sir, I have one doubt regarding this. please help me sir, please reply

[vuduyanh]

thank you so much, if settimeout for loading Spinner, what i do, please support

[amalrajp]

Hi Useful video👍. One qn, Will this work properly if multiple calls are done at same time?

[JamesMooreDev]

I get the following error message.

NG0100: Expression has changed after it was checked. Previous value: 'false'. Current value: 'true'..

This is something to do with the loading$ variable in my app.component.html. Just wondering if anyone knows a fix for this.

[rohitsoni]

Those who are facing error expression changed please add this : public readonly loading$ =