Ng2-loading-animate NPM

Angular2 Loading Animate

Demo

https://oxycoder.github.io/ng2-loading-animate/demo/

About

Loading animation for angular 2

Installation

Install through npm:

npm install --save ng2-loading-animate

Then use it in your app like so:

app.module.ts

import { LoadingAnimateModule, LoadingAnimateService } from 'ng2-loading-animate';

@NgModule({
  imports: [
    ...
    LoadingAnimateModule.forRoot()
    ...
  ],
  providers: [
    ...
    LoadingAnimateService
    ...
  ]
})

Add directives to your app.component.html (usually at top):

<loading-animate></loading-animate>

In component, to start loading animate: test.component.ts

import { LoadingAnimateService } from 'ng2-loading-animate';

constructor(private _loadingSvc: LoadingAnimateService)

start() {
  this._loadingSvc.setValue(true);
}
stop() {
  this._loadingSvc.setValue(false);
}