{"repo":"mpalourdio/ng-http-loader","free":true,"listed":false,"github":"https://github.com/mpalourdio/ng-http-loader","clone":"git clone https://github.com/mpalourdio/ng-http-loader.git","description":":dango: Smart angular HTTP interceptor - Intercepts automagically HTTP requests and shows a spinkit spinner / loader / progress bar","language":"TypeScript","stars":350,"topics":["angular","angular2","interceptor","loader","spinner","http","spinkit","progress-bar","http-interceptor","ng-http-loader"],"license":"MIT","category":"ui-components","readme_excerpt":"ng-http-loader Changelog Please read the changelog Contributing Use the fork, Luke. PR without tests will likely not be merged. Installation To install this library, run: What does it do ? This package provides an HTTP Interceptor, and some spinner components (All from SpinKit at the moment). The HTTP interceptor listens to all HTTP requests and shows a spinner / loader indicator during pending HTTP requests. Angular Compatibility ng-http-loader Angular ---------------- --------- =0.1.0 =0.4.0 =1.0.0 =3.2.0 =6.0.0 =7.0.0 =8.0.0 =9.0.0 ^11.0.0 =10.0.0 ^12.0.0 =11.0.0 ^13.0.0 =12.0.0 ^14.0.0 =13.0.0 ^15.0.0 =14.0.0 ^16.0.0 =15.0.0 ^17.0.0 =16.0.0 ^18.0.0 =17.0.0 ^19.0.0 =18.0.0 ^20.0.0 =19.0.0 ^21.0.0 =20.0.0 ^22.0.0 If you experience errors like below, please double-check the version you use. ERROR in Error: Metadata version mismatch for module [...]/angular/node modules/ng-http-loader/ng-http-loader.module.d.ts, found version x, expected y [...] Requirements - HttpClient Performing HTTP requests with the HttpClient API is mandatory . Otherwise, the spinner will not be fired at all . Usage From your Angular root component ( app.component.ts for example): In your app.component.html , simply add: At last, configure your ApplicationConfig like following: Usage in a non-standalone Angular application - Import NgHttpLoaderComponent in your main module imports array. - Add the following to your module providers: Customizing the spinner You can customize the following parameters: - T","default_branch":null,"files":null,"tree":[],"storefront":"/r/mpalourdio","claimed":false,"request_supported":{"post":"https://gitbuyer.com/r/mpalourdio/ng-http-loader/request-supported","requests":0},"note":"indexed from public GitHub; nothing is for sale on this page. Clone it from GitHub. Paid listings live at /search."}