Ngr-ladda NPM | npm.io

Installation

To install the library, run:

npm install ngr-ladda

Usage

First, import the LaddaDirective in your Angular module:

import {LaddaDirective} from 'ngr-ladda'

@NgModule({
    declarations: [
        // your components
    ],
    imports: [
        // other modules
        LaddaDirective
    ],
    providers: [],
    bootstrap: [AppComponent]
})
export class AppModule { }

Then, you can use the ladda directive in your templates:

<button ladda="isLoading" (click)="doSomething()">Submit</button>

In your component, define the isLoading property and the doSomething method:

export class YourComponent {
    isLoading = false;

    doSomething() {
        this.isLoading = true;
        // perform your action
        // set isLoading to false when done
    }
}

Features

Loading Indicator: Easily add a loading indicator to your buttons.
Customizable: Customize the loading indicator with various options.
Easy Integration: Simple to integrate with your existing Angular application.