Smart Loader Handler To Manage Loaders Everywhere In Angular Apps

ngx-smart-loader is a lightweight and very complete angular component for managing loaders within any Angular project. It was built for modern browsers using TypeScript, HTML5, and Angular.

angular loading spinner, custom loader in angular, angular 8 loading spinner example, loader component in angular, how to add loader in angular, angular app initializer show loader

Features

Handle a large number of loaders anywhere in your app
Customize the style of your loaders with our custom CSS classes
No external CSS library is used so you can easily add your own
Dealing with bearing groups at the same time
Events start and stop for each loader
Manage all your forklifts in very fast ways
The very smart z index calculation
Check the activity (loader) of the download
AOT compilation support

How to make use of it:

Install

npm i ngx-smart-loader --save
or
yarn add ngx-smart-loader

Usage

import { BrowserModule } from '@angular/platform-browser';
import { NgModule } from '@angular/core';
import { NgxSmartLoaderModule, NgxSmartLoaderService } from 'ngx-smart-loader';

import { AppComponent } from './app.component';

@NgModule({
  declarations: [
    AppComponent
  ],
  imports: [
    BrowserModule,
    NgxSmartLoaderModule.forRoot()
  ],
  providers: [ NgxSmartLoaderService ],
  bootstrap: [ AppComponent ]
})
export class AppModule { }

smart loader handler for angular, ngx-smart-loader Plugin/Github, angular observable loading indicator