наблюдать изменения в местном хранилище в JS

Question

У меня есть одностраничное приложение, в котором мне нужно реагировать на каждое изменение в localalstorage, оно выглядит примерно так:

    MyComponent {

    someFuncWhichIsCalledEveryTimeWhenLocalStorageChanges() {
        console.log('local storage changed!);
    }

    funcThatChangesLocalStorage() {
        localstorage.setItem('key',val);
        localstorage.getItem('key')
    }

    }

И я пытался использовать событие localstorage:

window.addEventListener('storage', function(event){
       ...
});

но это не сработало .. Так что я думаю об использовании Observable<>, просто не знаю, как правильно реализовать.

Answer 1

Событие хранения возникает, когда область хранения (localStorage или sessionStorage) была изменена в контексте другого документа.

https://developer.mozilla.org/en-US/docs/Web/Events/storage

Answer 2

window.addEventListener('storage', ...) работает

Убедитесь, что вы используете правильные свойства события .

Вот базовый примерслушатель события.