ng2-spinning-preloader

Animate Angular2 compilation process by using ng2-spinning-preloader service.

Table of Contents

- Installation
- Quick Start
- Example

Installation

``sh
npm install --save ng2-spinning-preloader
`

Quick Start

Import the NgSpinningPreloader class and add it to your application module as an import. Once you've done this, you'll be able to inject NgSpinningPreloader' into your Angular2 Components.

``typescript
import {NgSpinningPreloader} from 'ng2-spinning-preloader';

@NgModule({
/ ... /
providers: [ NgSpinningPreloader ]
})

export class AppModule {}
`
Insert in your index.html spinning-preloader element

`html

`

Import styles of ng-2spinning-preloader
`typescript
require('ng2-spinning-preloader/dist/ng-spinning-preloader.css');
`

Example

`typescript
import {
Component,
OnInit
} from '@angular/core';
import {NgSpinningPreloader} from 'ng2-spinning-preloader';

@Component({
selector: 'app',
template: 'App component'
})

export class AppComponent implements OnInit {
constructor(private ngSpinningPreloader: NgSpinningPreloader) {}

ngOnInit() {
this.ngSpinningPreloader.stop();
}
}
``