https://github.com/Urigo/angular-spinkit

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

Last synced: 3 months ago
JSON representation

SpinKit (http://tobiasahlin.com/spinkit/) spinners for AngularJS

• Host: GitHub
• URL: https://github.com/Urigo/angular-spinkit
• Owner: Urigo
• License: mit
• Created: 2013-12-25T15:05:12.000Z (almost 11 years ago)
• Default Branch: master
• Last Pushed: 2021-10-21T06:51:30.000Z (about 3 years ago)
• Last Synced: 2024-07-05T23:45:47.358Z (4 months ago)
• Language: CSS
• Homepage:
• Size: 80.1 KB
• Stars: 189
• Watchers: 9
• Forks: 38
• Open Issues: 7
• Metadata Files:
  • Readme: README.md
  • License: LICENSE.md

Awesome Lists containing this project

README

        
angular-spinkit

===============

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

## ng2-spin-kit - SpinKit spinners for AngularJS 2.x

https://github.com/WoltersKluwerPL/ng2-spin-kit

## Usage

1. Install with bower:

  ```javascript

  bower install angular-spinkit --save

  ```

2. Add angular-spinkit.min.js and angular-spinkit.min.css to your main file (index.html)

  ```html

  

  

  ```

3. Set `angular-spinkit` as a dependency in your module

  ```javascript

  var myapp = angular.module('myapp', ['angular-spinkit'])

  ```

4. 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

  

  ```

5. If you want to show the spinner while an image is loading just use the 'spinkit-image-preloader' directive:

  ```html

  

  

  

  

  

  ```

  You can listen to the image loaded event.

   ```javascript

  // in controller

  $scope.$on('angular-spinkit:imageLoaded');

  ```

6. 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/