You're Invited:Meet the Socket Team at BlackHat and DEF CON in Las Vegas, Aug 4-6.RSVP
Socket
Book a DemoInstallSign in
Socket

angular-process-indicators

Package Overview
Dependencies
Maintainers
1
Versions
1
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

angular-process-indicators

Angular 1+ process indicator components

0.0.1
latest
npmnpm
Version published
Weekly downloads
4
100%
Maintainers
1
Weekly downloads
 
Created
Source

angular-process-indicators

Custom errors for Node.js.

Build Status npm version

Components

  • Animated process indicator.
  • Button with process indicator icon.

Setting up

# Install module
$ npm i -S angular-process-indicators
// Add to the app
angular.module('MyApp', ['angular-progress-indicators']);

Usage

The animated process indicator is helpful when you need to load/save your data. To make it work insert animated-process-indicators into your template, and initialize is-visible attribute. When it's true, the indicator is shown, otherwise hiden.

<animated-process-indicators is-visible="$ctrl.isLoading"></animated-process-indicators>
<div ng-if="!$ctrl.isLoading">Data is loaded!</div>

The button with process indicator can be used when you need to display a process indicator until the asynchronous process is not finished. Insert button-process-indicator component into your template and set button-css-class, button-text, is-processing and action attributes.

<button-process-indicator
  button-css-class="btn btn-default btn-primary"
  button-text="Save"
  is-processing="$ctrl.isSaving"
  action="$ctrl.save()">
</button-process-indicator>

API

animated-process-indicators

  • isVisible - hides or shows a process indicator.

button-process-indicator

  • buttonCssClass - space separated button css classes.
  • buttonText - button text.
  • isDisabled - disables the button when set to true.
  • isProcessing - hides or shows a process indicator.
  • action - an even is called when a button is clicked.

Author

Alexander Mac

License

MIT License

Keywords

angular

FAQs

Package last updated on 02 Nov 2017

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