node package manager
Painless code sharing. npm Orgs help your team discover, share, and reuse code. Create a free org »


HTTP Loading Interceptor Module for Angular 1.4+

This will :

  • intercept all the requests done in the app
  • display a spinner (you have to add the directive's html to your main template)
  • make you successful, obviously

You should customize the css by overwriting #httpLoadingSpinner in your app's stylesheet.


Register this module in your app:

import httpLoadingInterceptor from 'vendor/angular-http-loading-interceptor';
var app = angular.module('app', [ 'HttpLoadingInterceptor' ]);

Include the css:

import 'angular-http-loading-interceptor/spinner.css';

Add the directive to your template:

<!-- #httpLoadingSpinner -->
<div id="httpLoadingSpinner" http-loading-interceptor-spinner></div>