Skip to content

Angular directive for ajax loading indicator. It detects any ajax request and shows the spinner. This directive makes use of https://github.com/urish/angular-spinner.

Notifications You must be signed in to change notification settings

adonespitogo/angular-loading-spinner

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

24 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

angular-loading-spinner

Angular directive ajax loading indicator. This directive uses urish angular-spinner as the loading indicator.

Demo

See plunker demo.

Usage

Include dependencies in your application:

  • angular.js
  • spin.js
  • angular-spinner.js
  • angular-loading-spinner.js
  <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.9/angular.min.js"></script>
  <script type="text/javascript" src="http://fgnass.github.io/spin.js/spin.min.js"></script>
  <script type="text/javascript" src="angular-spinner.min.js"></script>
  <script type="text/javascript" src="angular-loading-spinner.js"></script>

Require ngLoadingSpinner as dependency in your main module.

  angular.module('myapp', ['ngLoadingSpinner']);

Insert angular-spinner's us-spinner directive anywhere in your html file to be shown when there is pending ajax request and will be hidden upon completion of all ajax requests.

This directive also exposes spinnerActive model to the $rootScope with a boolean value. It can be useful if you want to hide some elements while your application is fetching data from the backend.

You can still use us-spinner directly un-affected by ajax request using the us-spinner-standalone directive.

Read angular-spinner docs on how to customize the spinner and refer to spin.js docs for more configuration options.

License

Released under the terms of MIT License.

About

Angular directive for ajax loading indicator. It detects any ajax request and shows the spinner. This directive makes use of https://github.com/urish/angular-spinner.

Resources

Stars

Watchers

Forks

Packages

No packages published