angular-ladda-lw

A lightweight ladda alternative for Angular. [Demo]

Requirements

• Angular
• ngAnimate

Browsers

• IE10+, Chrome, FF, Opera with animations
• IE9 without animations (but functional)

Install

bower install angular-ladda-lw --save

or

npm install angular-ladda-lw --save

Files

You need the js and css files.

bower_components/angular-ladda-lw/dist/angular-ladda-lw.js
bower_components/angular-ladda-lw/dist/angular-ladda-lw.css

You can also use the angular-ladda-lw.min.* if you want.

Module name

angular.module('myApp', ['angular-ladda-lw']);

Example

<button class="my-button" ladda="ctrl.loading" ng-click="ctrl.doThing(thing)">Hello, world!</button>

this.doThing = thing => {
  this.loading = true;
  MyService.doThing(thing).then(res => {
    // TODO
  }, err => {
    // Stuff broke
  }).finally(() => {
    this.loading = false;
  });
}

Develop

Dependencies

npm install -g babel-cli babel-preset-es2015 node-sass uglify-js sass-lint eslint karma-cli http-server
npm install

Develop

npm start

Run demo server

From project directory:

http-server . -o

Then go to http://localhost:8080/demo/

Bonus!

The spinner is stolen from chieffancypants/angular-loading-bar, so if you decide to use that, this project will look consistent and professional. :)