build schematics for angular http-loader (spinner)

[nongrata081]

Approaches

• Interceptor approach
• Reactive contextual approach

Implementation examples

https://www.pika.dev/search?q=angular-loader study all options

• ngx-ui-loader / http requests
• Loading bar
• isLoadingService / gitlab / stackblitz
• Loading indication in angular
• ng-http-loader

Options

• Decorator-based
  Decorator based Selective Loader for Angular Http requests
  Medium
  stackblitz

• Interceptor-based
  Display a loader on every HTTP request using Interceptor in Angular 7
  Article
  Github
  Example

Analysis

• Decorator-based
  • shows a loader and blocks any actions on the page while http req is in progress
  • applicable to a particular method in an angular service (flexibility to apply for selected methods making http requests)
  • applicable to an http interceptor (will take effect globally for all http requests by default)

Chosen solution

Justification

[nongrata081]

Approach:

Examples:

https://vuejs.org/v2/guide/components-dynamic-async.html#Handling-Loading-State / https://github.com/posva/vue-promised / https://posva.net/vue-promised/