angular-loading-spinner

WebJar for angular-loading-spinner

License

License

MIT
Categories

Categories

Angular User Interface Web Frameworks
GroupId

GroupId

org.webjars.bower
ArtifactId

ArtifactId

angular-loading-spinner
Last Version

Last Version

0.0.3
Release Date

Release Date

Type

Type

jar
Description

Description

angular-loading-spinner
WebJar for angular-loading-spinner
Project URL

Project URL

http://webjars.org
Source Code Management

Source Code Management

https://github.com/adonespitogo/angular-loading-spinner

Download angular-loading-spinner

How to add to project

<!-- https://jarcasting.com/artifacts/org.webjars.bower/angular-loading-spinner/ -->
<dependency>
    <groupId>org.webjars.bower</groupId>
    <artifactId>angular-loading-spinner</artifactId>
    <version>0.0.3</version>
</dependency>
// https://jarcasting.com/artifacts/org.webjars.bower/angular-loading-spinner/
implementation 'org.webjars.bower:angular-loading-spinner:0.0.3'
// https://jarcasting.com/artifacts/org.webjars.bower/angular-loading-spinner/
implementation ("org.webjars.bower:angular-loading-spinner:0.0.3")
'org.webjars.bower:angular-loading-spinner:jar:0.0.3'
<dependency org="org.webjars.bower" name="angular-loading-spinner" rev="0.0.3">
  <artifact name="angular-loading-spinner" type="jar" />
</dependency>
@Grapes(
@Grab(group='org.webjars.bower', module='angular-loading-spinner', version='0.0.3')
)
libraryDependencies += "org.webjars.bower" % "angular-loading-spinner" % "0.0.3"
[org.webjars.bower/angular-loading-spinner "0.0.3"]

Dependencies

compile (1)

Group / Artifact Type Version
org.webjars.bower : angular-spinner jar [0.6.1,0.7)

Project Modules

There are no modules declared in this project.

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.

Versions

Version
0.0.3