# 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.

Latest version **0.0.5** (published 2020-05-09) · 0 weekly downloads

## Install

```sh
npm install way2ui-angular-loader
pnpm add way2ui-angular-loader
yarn add way2ui-angular-loader
bun add way2ui-angular-loader
```

## Health

**Score 25/100 (F)** — status: abandoned.

Positive: has types; esm support; no vulnerabilities.

Warnings: low downloads; pre 1.0.

Negative: abandoned; low maintenance score.

## Facts

| | |
|---|---|
| Version | 0.0.5 |
| Published | 2020-05-09 |
| First published | 2020-05-02 |
| Weekly downloads | 0 |
| TypeScript types | bundled |
| Module format | ESM + CommonJS |
| Dependencies | 0 |
| Unpacked size | 137.1 KB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| Maintainers | mdarif.k |

## Links

- npm: https://www.npmjs.com/package/way2ui-angular-loader
- npm.io page: https://npm.io/package/way2ui-angular-loader

## Recent versions

- 0.0.5 (latest) — 2020-05-09
- 0.0.4 — 2020-05-08
- 0.0.3 — 2020-05-08
- 0.0.2 — 2020-05-02
- 0.0.1 — 2020-05-02

## README

# 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
```mermaid
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
```

---
_Source: https://npm.io/package/way2ui-angular-loader · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._