Huge News!Announcing our $40M Series B led by Abstract Ventures.Learn More
Socket
Sign inDemoInstall
Socket

angular-android-loader

Package Overview
Dependencies
Maintainers
1
Versions
2
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

angular-android-loader

A Loader module for angular 1x

  • 1.0.1
  • latest
  • Source
  • npm
  • Socket score

Version published
Maintainers
1
Created
Source

Angular Android Loader.

Installation

Simply use either of

npm install angular-android-loader

or download zip from github

and include it in your html file:

<link rel="stylesheet" href="path/to/lib/Loader.css">
<script type="text/javascript" src="path/to/lib/Loader.js"></script>

And include the Loader dependency to your Angular Module

var m = angular.module([name], [.., "Loader"]);

How to use

after injection the Loader service into a controller/service place the <loader></loader> tag in your html body. this is for a full page loader. if you want it somewhere else, place it inside any container that has a position: relative style. Then:

Loader.show(time)

Where time is the duration of loading displayed. leave empty for infinite loading.

Loader.hide()

will hide the Loader immediately.

##Customization The following classes ( taken from Ionic color pallets) are supported. adding any other is pretty easy by modifying the css file.

.loaderWrapper.positive { background-color: #387EF5;}
.loaderWrapper.calm { background-color: #11C1F3 ; }
.loaderWrapper.balanced { background-color: #33CD5F;}
.loaderWrapper.energized { background-color: #FFC900;}
.loaderWrapper.assertive { background-color: #EF473A;}
.loaderWrapper.royal { background-color: #886AEA;}
.loaderWrapper.dark { background-color: #444444;}

apply any of them with:

<loader class="balanced"></loader>

FAQs

Package last updated on 30 Jul 2016

Did you know?

Socket

Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.

Install

Related posts

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

Packages

npm

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc