README
ng-simple-event-bus
A simple and lightweight library to trigger events through the Angular apps
This library was generated with Angular CLI version 11.1.2.
Instalation
Add ng-simple-event-bus to your dependencies by executing:
$ npm install --save ng-simple-event-bus
Usage
(Step 1) Add EventBusService to your application
Add EventBusService in providers array on your app.module.ts
...
providers: [EventBusService],
...
(Step 2) Inject the service
Just add the dependency injection for EventBusService on your component or service
constructor(private event: EventBusService) { }
(Step 3) Subscribe to events
Use the method on() passing an object with name and callback. This method will be executed when the event happens
ngOnInit(){
this.event.on('Event Name',(payload: any) => {
console.log(payload);
});
}
(Step 4) Trigger the event
Call the trigger() function passing the name of the event and whatever you want to send to subscribers. All subscribers will be notified and receive the data.
this.event.trigger('Event Name', 'It works!')
(Step 5) Removing the listeners
And finally remove the listener from the bus when is not required anymore.
ngOnDestroy() {
this.event.off('Event Name')
}