How to implement two-way bindings between a component and a service?

Question

Angular

There is a service in which an object is created based on data in LocalStorage, for example. I call getData in the component, I get the data, after changing the data in localStorage, without refreshing the page, the data does not change. how to implement it? I am using angular 6. (I know that in angular 1.6 this is possible, but implemented in the same way, it does not work)

Answer 1

Use NgRx or a common data bus based on RxJS Behavior Subject.
In a component, you subscribe to state changes.
You can also use the event onstorageto update components in other tabs.