❤
npm
Sign UpSign In

ng2-spinning-preloader
TypeScript icon, indicating that this package has built-in type declarations

1.0.29 • Public • Published

ng2-spinning-preloader

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

Table of Contents

Installation

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.

import {NgSpinningPreloader} from 'ng2-spinning-preloader';
 
@NgModule({
  /* ... */
  providers: [ NgSpinningPreloader ]
})
 
export class AppModule {}

Insert in your index.html spinning-preloader element

<body>
    <div class="spinning-preloader-container">
        <div class="spinning-preloader-elements"></div>
    </div>
    <app></app>
</body>

Import styles of ng-2spinning-preloader

  require('ng2-spinning-preloader/dist/ng-spinning-preloader.css');

Example

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();
  }
}

Readme

Keywords

Package Sidebar

Install

npm i ng2-spinning-preloader

Repository

github.com/jgluhov/ng2-spinning-preloader

Homepage

github.com/jgluhov/ng2-spinning-preloader#readme

Weekly Downloads

18

Version

1.0.29

License

MIT

Last publish

Collaborators

  • jgluhov
Try on RunKit
Report malware