Angular loading overlay

The module provides your app with overlays (like "Loading...") that could be shown on async operations.

It supports multiple independent named overlays on one page.

It also allows you to create preconfigured handlers and wrap promises to show and hide overlays on promise work started and finished.

The module has integration with Spin.js via angular-loading-overlay-spinjs.
See Docs & Examples for more information.

Should you have any questions, feel free to contact me on Gitter

Docs & Examples

Installation

bower install --save angular-loading-overlay
or
npm install --save angular-loading-overlay

Usage

In javascript

angular.module("your nodule name", [
  "bsLoadingOverlay"
]);
 
 
angular.module("your nodule name")
  .controller(function ($timeout, bsLoadingOverlayService) {
 
    bsLoadingOverlayService.start();
 
    $timeout(bsLoadingOverlayService.stop, 5000);
 
  });

In html

<div bs-loading-overlay>
  loaded data usage here
</div>

License

Copyright (c) 2016 Oleksandr Beshchuk <[e-mail]>
Licensed under the Apache License.

Contributing

1. Fork the repo
2. npm install
3. npm run prepare-development
4. npm run test:watch
5. Make your changes, add your tests
6. npm run build
7. Stage source and dist folders
8. Commit, push, PR.