angular-loading-overlay

Service and directive to manipulate overlays on async operations.

Downloads in past

Stats

StarsIssuesVersionUpdatedCreatedSize
angular-loading-overlay
78101.1.17 years ago8 years agoMinified + gzip package size for angular-loading-overlay in KB

Readme

Angular loading overlay
Build Status Code Climate Package Quality Codacy Badge Join the chat at https://gitter.im/bsalex/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 Join the chat at https://gitter.im/bsalex/angular-loading-overlay

Docs & Examples

Installation

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

Usage

In javascript

````javascript angular.module("your nodule name", "bsLoadingOverlay" );
angular.module("your nodule name") .controller(function ($timeout, bsLoadingOverlayService) {
bsLoadingOverlayService.start();

$timeout(bsLoadingOverlayService.stop, 5000);
}); ````

In html

````html
loaded data usage here
````

License

Copyright (c) 2016 Oleksandr Beshchuk <bs.alex.mail@gmail.com>
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.