Angular Loading Spinner Component for API calls | HTTP Requests Globally | CodeWithSrini

#Angular
Implementing a loading spinner for your application globally. The usual approach will be injecting a loading service on each angular service, then start the spinner every time a call is made and stop it every time an api call is completed.
Source: gist.github.co...
Other Video(s):
HTTP Interceptor: • How to Intercept HTTP ...

[@armandhavenga5167]

I have been struggling for about 2 days with this functionality and you resolved it in 15 min for me. You sir get my sub and like!

[@abirmahmud3903]

After few hours of googling I came to search in youtube. And got this video at the top result. Regreting searching in google first. Thank you so much brother. The tutorial was very very helpful.

[@CodeWithSrini]

I am glad, thank you soo much for stopping by.

[@trapecioinv7313]

This is the solution i was looking for! I have a lot of http request around my project and i can't subscribe each of them to intercept individual request. This is great and worked flawless! Note: I had to use 'resetSpinner()' instead of 'requestEnded()' in the 'if(event instanceof HttpResponse)' to make it work

[@Alejo28356]

Me too!

[@themysteryman-e2j]

Thanks a lot. very precise and clean tutorial. BTW your voice is so listenable

[@stefanlarie2151]

from my perspective, I really want to have that spinner when I needed,not on every request, and the spinners might be different from cases to cases, I`m a backend dev, not a front end one and this seems very rigid to me, but an awesome job for the content, I appreciate it!

[@dibyamohanpanda3101]

Please tell me the editor and the theme you used in your video🙏🙏

[@Alejo28356]

Muchas gracias por este video. Estuvo excelente!.

[@abhijithjb4067]

Why do we need an if(++this.count==1), basically an if condition inside service file? The loading works even without the if condition.. Can somebody help me with this doubt?

[@sontungnguyen5667]

Good video! What does theme you use?

[@stefanlarie2151]

and the idea of new content for your might be something like an abstract service for the requests where you specify true/false if the overlay is needed or not and how it should look(default value a common one) thank you for the time !

[@josephmilanmd]

Good explanation, I get so much ideas from this video ... Thank you

[@psteja9917]

Hi am getting infinite loading spinner in one of my page, where more than 10-15 API calls are going on. If few APIs are failing the spinner is not stopping. HELP.

[@johanperera7473]

It was very helpful. But I got a question in the http interceptor. inside the pipe there is a method called tap. But my vs code says "cannot find name 'tap'". What can I do for that? I'm using angular version 10.1.6.

[@alaamezian4828]

Thanks very helpful video and works like a charm

[@ashishmittal7001]

Is it necessary to use http interceptor? Can the start stop and reset be called inside a subscribe of an observable which has the value of the HTTP API call stored in it?

[@divyashah721]

Very helpful video..thanks..!

[@monishakrishnamoorthy6103]

This is great! Thanks!

[@anil2009]

How to create all other components of your project. Do I have to follow all videos in the angular 6/7 playlist

[@CodeWithSrini]

Hi Anil D thanks for the comment. This video demonstrates only creating the spinner component and service. Please let me know on what format you like the tutorial to be, i will create my future videos as per your suggestion. Thank you again. Stay home stat safe.

[@anil2009]

I mean create video from scratch app component . If you create a video with already existing components it is hard to understand

[@CodeWithSrini]

Oh really sorry about that, okay I will make sure my next videos will have it from scratch. Mean time also please check my other videos in playlist, most of them are in the likings of your. Thanks again, cheers :)

[@larrysinining3845]

I hope you can make a video about downloading pdf file with a style like a receipt or prescription using angular 👍

[@CodeWithSrini]

Sure, thank you for sharing your request.

[@trytocatch4859]

I need this too ..

[@themysteryman-e2j]

Can it be possible to show a spleen screen to welcome a user after he successfully logged in?

[@vigneshck1392]

thanks..this helps me a lot......

[@pvsrod]

Thank you, that helped!!

[@loubnalouna8787]

thanks for this video

[@pramodcool619]

Thank you :)

[@danielfelipetorresgarzon9186]

thank you very much

[@jayakumar2927]

what the interceptor changes can you share with me

[@chacataplan]

Thk!!!!!!!!

[@raviteja8798]

hello sir, i have one doubt can you please resolve it please....please help me

[@CodeWithSrini]

Yes pls lemme know.

[@pusarlaaishwarya5035]

Can you provide code please

[@CodeWithSrini]

Hi, you can find the code here. gist.github.com/codewithsrini/2aae47073072b12cd21484aae47b61f9

[@jayakumar2927]

​@@CodeWithSrini what the interceptor changes can you share with me

[@dancewithzinnia]

Can you provide interceptor code please

[@CodeWithSrini]

Hi zinnia rana, I am so sorry, I lost the codebase for interceptor. If I find one, will surely post it in GitHub and share your.

[@CodeWithSrini]

Hi zinnia rana, here you go github.com/codewithsrini/GenericAngularApp

[@jayakumar2927]

share the code