angular-spinkit
SpinKit (https://github.com/tobiasahlin/SpinKit) spinners for AngularJS
Usage
- Install with bower:
bower install angular-spinkit --save
- Add angular-spinkit.min.js and angular-spinkit.min.css to your main file (index.html)
- Set
angular-spinkit
as a dependency in your module
var myapp = angular
- Add rotating-plane-spinner, double-bounce-spinner, wave-spinner, wandering-cubes-spinner, pulse-spinner, chasing-dots-spinner or circle-spinner directive to the wanted element, example:
- If you want to show the spinner while an image is loading just use the 'spinkit-image-preloader' directive:
<!-- The directive tries to copy dimensions from inline styles and attributes to the spinner placeholder --> <!-- Also feel free to set width/height and other properties through CSS just configure your own css-class using the 'spinkit-image-preloader-class' attribute (or use css-class by default "spinner-wrapper") -->
You can listen to the image loaded event.
// in controller$scope;
- Add all your requests and ideas in the issues area or send us a pull request!
Example
You can check out this live example here: http://jsfiddle.net/Urigo/638AA/18/