angular-theme-spinner is used for SPA as loading indicator while data in specific area is loading
MIT License
=============
angular-theme-spinner is used for displaying loading indicator while data in specific area is loading.
bower install --save angular-theme-spinner
<link rel="stylesheet" type="text/css" href="angular-theme-spinner.min.css">
<script type="text/javascript" src="angular.min.js"></script>
<script type="text/javascript" src="angular-theme-spinner.min.js"></script>
<div style="width: 500px; height: 500px;">
<th-spinner theme="'tailing'" display="'true'" size="'size-md'"></th-spinner>
</div>
//plain javascript
var mod = angular.module('yourModule', ['angular-theme-spinner']);
//commonjs
var angular = require('angular');
require('angular-theme-spinner');
var mod = angular.module('yourModule', ['angular-theme-spinner']);
//AMD
define(['angular', 'angular-theme-spinner'], function(angular){
var mod = angular.module('yourModule', ['angular-theme-spinner']);
});
//If you are using requirejs, please notice that you have the path config that specify `angular-theme-spinner` to the javascript file
Attribute | Type | Required | Description |
---|---|---|---|
theme | string(expression) | YES |
tailing , audio-wave , windcatcher , spinner-section , spinner-section-far , circular , initspin can be used |
display | boolean(expression) | YES | used to display the spinner or not |
size | string(expression) | YES |
size-sm , size-md , size-lg can be used |
See full featured demo: angular-theme-spinner