Angular | .NET Core 5 | show spinner on background task | how to show spinner in Angular

Block UI is library that allows you to block user interaction on API requests and loading data and in background task This is step by step to show i how add block ui | spinner | loader in angular Application

Step: 1 Add to your project via npm npm install ng-block-ui --save

Step: 2 Include the BlockUIModule in your main app module.

Step 3 @NgModule({ imports: [ BlockUIModule.forRoot({ template: BlockTemplateCmp }) ], declarations: [ ..., BlockTemplateCmp // Declare template component in your app ], entryComponents: [ BlockTemplateCmp ] // add template in Entry component }) export class AppModule { }

use in component

Part 1 ASP .NET Core 5 Web API step by step & Integrate in Angular 11 | Secure API with JWT Token video link is given below https://youtu.be/BIk7PssaDe8

Part 2 ASP .NET Core 5 Web API - Role based Authorization with Angular, Video link given below https://youtu.be/8RtzxlsBLlU

Part 3 ASP .NET Core 5 Web API - Role based Authorization with Angular | User with multiples Roles https://youtu.be/v3Ndo0VXYa4

#blockUI #angularSpinner #spinner ... https://www.youtube.com/watch?v=_zj9jCTKvU0