ng4-alert v4.0.0

Ng4Alert

ng4-alert provides you an alert service to convey messages. It has a simple service that can use in your Angular 4+ applications.

Installation

npm install ng4-alert

Configuration

Include ng4-alert module in your module.

import { Ng4AlertModule } from 'ng4-alert';

@NgModule({
    declarations: [
    ],
    imports: [
        Ng4AlertModule.forRoot(),
        BrowserModule
    ],
  bootstrap: []
})
export class ExampleModule { }

Try it

First of import ng4-alert service in your component where you want to use to communicate with ng4-alert API.

import { ng4AlertService } from 'ng4-alert';

Use it on Constructor of the required class

constructor(private ng4AlertService:Ng4AlertService){
}

The service provides two functions to Activate and Deactivate alert messages. 1. ng4Activate - Activate alert with options. 2. ng4Deactivate - Deactivate activated alerts.

eg:

export class AppComponent {
	title = 'MyApp';
	options = {
		text:"Success !",
		type:"fail",
		autoDismis:false,
		timeout:2000
	}
	constructor(private ng4AlertService:Ng4AlertService){}
	activate(){
		this.ng4AlertService.ng4Activate(this.options);
	}

}

you can use same for ng4Deactivate()

Deactivate(){
    this.ng4AlertService.ng4Deactivate()
}

options