Package Exports

angular2-ladda

This package does not declare an exports field, so the exports above have been automatically detected and optimized by JSPM instead. If any package subpath is missing, it is recommended to post an issue to the original package (angular2-ladda) to support the "exports" field. If that is not possible, create a JSPM override to customize the exports field for this package.

Readme

Angular 2 Ladda module

This is Angular 2 module that implements Ladda

Check out Ladda's demo

Requirements

NPM - Node package manager

Installation

run npm install angular2-ladda --save
link Ladda's stylesheets to your document - you can find it in /node_modules/ladda/
import LaddaModule in your app's main module app.module.ts, e.g.:

// other imports
// ...
import { LaddaModule } from 'angular2-ladda';
// ...

@NgModule({
    imports: [
        // other imports
        // ...
        LaddaModule,
        // ...
    ]
})

That should be enough if you use Webpack to bundle JavaScript.

Otherwise you'll have to edit systemjs.config.js to set correct path, e.g.:

// below you can see an example of map and packages sections in systemjs.config.js

// ...
// map tells the System loader where to look for things
var map = {
    // ...
    'angular2-ladda':             'node_modules/angular2-ladda',
    'ladda':                      'node_modules/ladda/js',
    'spin':                       'node_modules/ladda/js/spin.js',
    // ...
};
// packages tells the System loader how to load when no filename and/or no extension
var packages = {
    // ...
    'angular2-ladda':             { main: 'index.js', defaultExtension: 'js' },
    'ladda':                      { main: 'ladda.js', defaultExtension: 'js' },
    // ...
};

// ...

Usage

Add [ladda]='isLoading' to a button tag in template, e.g.:

<button [ladda]='isLoading' (click)='saveEmployee()' type="submit" class="btn btn-success">Save</button>

In component you'll have to toggle value of isLoading variable to show\hide Ladda's spinner.

License

The repository code is open-sourced software licensed under the MIT license.