How to get notification id on click event?

[ap-sree]

<simple-notifications (click)="onClick($event)" [options]="options">
$event return mouse event
how to get notification id which is assigned while creating notification
this._notificationsService.success(
'Some Title',
'Some Content',
{
timeOut: 5000,
showProgressBar: true,
pauseOnHover: false,
clickToClose: false,
maxLength: 10
id:23 //How to get id from click event
}
)

[Shiroh1ge]

You can subscribe to the getChangeEmitter and it will have the ID of the notification.

    this.notificationsService.getChangeEmitter().subscribe(options =>this.newNotificationsOptions = options]);

You can also set a custom ID when creating a notification:

this.notificationsService.success('title','content', {
    id: customId
});

Is there any way to detect if the user specifically clicked on the notification to dismiss it or if it just timed out ? I'd like to have two different behavior in my case.

My "workaround" have been setting the notification id as a simple-notification element attribute, and fetching it when clicking with a simple mouse event and dom exploration.

It's dirty and modifies the source code, so I'd be glad finding another cleaner way.

Edit:
I found the way to do what I wanted ! I missed the fact that the click property of the Notification was an EventEmitter.
For future reference, the solution was :

let not = this.notifsService.create(notif.title, notif.content, notif.type);

not.click.subscribe(function(notif, mouseEvent){
  this.delete(notif.id);
}.bind(this, not));

[AmaHacka]

Somebody can tell me why when (onDestroy)="destroyed($event)" give me different notification id.

[sebastientromp]

@pierredadt What's the syntax you're using for bind()? I've tried it and got

Uncaught TypeError: toast.click.subscribe(...).bind is not a function

Hi @sebastientromp,

bind is a chained method of the callback you define in the subscriber, not of the subscriber itself !
Please note the differences between my code and yours :
Working :

not.click.subscribe(function(notif, mouseEvent){
  this.delete(notif.id);
}.bind(this, not));

Not working:

toast.click.subscribe(function(notification, mouseEvent){
  this.delete(notification.id);
}).bind(this, toast);

Hope that helps!

[sebastientromp]

My bad, thanks a lot for the help! :)