# ngx-aem

> A simple libary for show error messages

Latest version **0.0.1** (published 2019-04-23) · MIT license · 0 weekly downloads

## Install

```sh
npm install ngx-aem
pnpm add ngx-aem
yarn add ngx-aem
bun add ngx-aem
```

## 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.1 |
| Published | 2019-04-23 |
| First published | 2019-04-23 |
| Weekly downloads | 0 |
| License | MIT |
| TypeScript types | bundled |
| Module format | ESM + CommonJS |
| Dependencies | 1 |
| Unpacked size | 57.3 KB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| GitHub stars | 0 |
| Author | devwaheed |
| Maintainers | devwaheed |
| Keywords | angular errors, angular error messages, ngx error messages, ngx error handler |

## Links

- npm: https://www.npmjs.com/package/ngx-aem
- Repository: https://github.com/devwaheed/ngx-em
- Homepage: https://github.com/devwaheed/ngx-em.git
- Issues: https://github.com/devwaheed/ngx-em/issues
- npm.io page: https://npm.io/package/ngx-aem

## Dependencies (1)

- [tslib](https://npm.io/package/tslib.md) ^1.9.0

## Recent versions

- 0.0.1 (latest) — 2019-04-23

## README

# NgxAem

A simple libary for show error messages

## Example

First import ngx-aem module in root of your app 

```
import { BrowserModule } from '@angular/platform-browser';
import { NgModule } from '@angular/core';

import { AppComponent } from './app.component';
import { NgxAemModule } from 'ngx-aem';

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

In Template
```
<ngx-aem key='noresult'>world is funny</ngx-aem>
```

In Component

```
import { Component } from '@angular/core';
import { AemService } from 'ngx-aem';

@Component({
  selector: 'app-root',
  templateUrl: './app.component.html',
  styleUrls: ['./app.component.scss']
})
export class AppComponent {
  constructor(private aemService: AemService) {
  }

  toggleError() {
    this.aemService.show('noresult');
  }
}
```

Thats all you need to use this library. Have fun

## API

### Aem Service

Method | Description
------------ | -------------
show(keyName) |  show  message 
hide(keyName) | hide  message
toggleMessage(keyName) | toggle  message

### Aem Message Component
```
  <ngx-aem key="'keyName'">message</ngx-aem>
```
Note: keyName is required

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