way2ui-angular-loader

Way2UI Angular Loader!

This package contains Angular loader. It is very easy to use. Please follow the below steps to setup in your Angular project.

Install package

npm install --save way2ui-angular-loader

Add the Module inside app.module.ts file

import { AngularLoaderModule } from 'way2ui-angular-loader';

@NgModule({
declarations: [
	...
	AppComponent
],
imports: [
	...
	AngularLoaderModule
],
providers: [],
bootstrap: [AppComponent]
})

Add the html element into app.component.html file

<loader></loader>

Add the service file dependency to your component or service

import { AngularLoaderService } from 'way2ui-angular-loader';

constructor(

public loaderService: AngularLoaderService

) {

// to activate loader, call the setLoader with true

this.loaderService.setLoader(true);

// to de-activate loader, call the setLoader with false

this.loaderService.setLoader(false);

}

UML diagrams

sequenceDiagram
Way2uiAngularLoaderModule->> app.module.ts: Register the module inside imports array
app.component.ts->> app.module.ts :  
Way2uiAngularLoaderService->>app.component.ts: Add the dependency to constructor and call the setLoader fn
app.component.ts->>app.component.html: Add the html element into this file