Angular 2 loader on each http request

by

Use a service that is shared between Http (there are answers already how about wrapping Http in your own class) and the <spinner-component>.
See also https://angular.io/docs/ts/latest/cookbook/component-communication.html

In the shared service maintain a counter of started (increase) and completed/failed HTTP requests and notify the <spinner-component> every time when the counter changes from 0 to >0 or from >0 to 0 to enable or disable itself.

More Related Contents:

  1. *ngFor running an infinite loop in angular2
  2. Angular 2 custom form input
  3. How to get query params from url in Angular 2?
  4. How to inject Document in service?
  5. Angular 2 Show and Hide an element
  6. WARNING: sanitizing unsafe style value url
  7. Angular 2: Convert Observable to Promise
  8. Angular2: How to load data before rendering the component?
  9. Angular2 – should private variables be accessible in the template?
  10. How to prepare release version with SystemJS and Gulp?
  11. Angular2 canActivate() calling async function
  12. Angular 2 beta.17: Property ‘map’ does not exist on type ‘Observable’
  13. How to display json object using *ngFor
  14. Angular 2 View will not update after variable change in subscribe
  15. Angular no provider for NameService
  16. Angular2 – Share data between components using services
  17. Accessing a property in a parent Component
  18. TypeScript error in Angular2 code: Cannot find name ‘module’
  19. Integrating Material Design Lite with Angular2
  20. Visual Studio Code Automatic Imports
  21. How can I declare a global variable in Angular 2 and up / Typescript? [closed]
  22. Get route query params
  23. RxJs get value from observable
  24. Angular 2 ngModel in child component updates parent component property
  25. Angular2 – root relative imports
  26. Angular2 HTTP GET – Cast response into full object
  27. How to implement Custom Async Validator in Angular2/4/5
  28. Import gapi.auth2 in angular 2 typescript
  29. detect change of nested property for component input
  30. How to place a dynamic component in a container

Leave a Comment