angular-spinkit

angular-spinkit ===============

Downloads in past

Stats

StarsIssuesVersionUpdatedCreatedSize
angular-spinkit
0.3.46 years ago7 years agoMinified + gzip package size for angular-spinkit in KB

Readme

angular-spinkit
SpinKit (https://github.com/tobiasahlin/SpinKit) spinners for AngularJS

Usage

  1. Install with bower:
```javascript bower install angular-spinkit --save ```
  1. Add angular-spinkit.min.js and angular-spinkit.min.css to your main file (index.html)
```html ```
  1. Set angular-spinkit as a dependency in your module
```javascript var myapp = angular.module('myapp', 'angular-spinkit') ```
  1. 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:
```html ```
  1. If you want to show the spinner while an image is loading just use the 'spinkit-image-preloader' directive:
```html Your description Your escription
Your description ``` You can listen to the image loaded event.
```javascript
// in controller $scope.$on('angular-spinkit:imageLoaded'); ```
  1. 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/