How to update footer


I have reusable component Footer, where I have notification counter. On page with notification, after click on notification I mark this as read. But How can I Update footer counter which is it another component?

I use footer in every component likne entryComponents: [Footer] and in HTML template I have only
for it.

Thanks for advice


The best way is to use shareService which you save in all shared data.
For example in your case set variable named: "Counter"
and in your footer component call to function that return the “Counter”, and when you want to reduce/increase call to function to reduce / increase the “Counter”