NgAlert

Simple Alert module for Angular version 2 and above.

Install

npm install ng-alert --save

Usage

1. Import NgAlertModule in your AppModule.

@NgModule({
  imports: [
    NgAlertModule  // <-- import NgAlertModule in your app module
  ],
  declarations: [...],
  providers: [...]
})
export class NgAppModule { }
 

1. In your component :

import { Component } from '@angular/core';
import { AlertService } from 'ng-alert';
 
@Component({
  selector: 'app-component',
  template: `
    <ng-alert></ng-alert>  <-- Insert ng-alert directive in your html template
    <p>App works!</p>
  `,
  styleUrls: ['./app.component.css']
})
export class AppComponent  {
 
  constructor(private alertService: AlertService) {
 
      // this line will push new success alert to alerts array
      this.alertService.success('Your alert message goes here','The title', true);
 
   }
 
}
 

Further help

To get more help on the ng-alert contact me.