Как уничтожить localStorage item- Angular

Это то, что я сейчас хочу делать в своем компоненте. Я хочу удалить или уничтожить содержимое localStorage всякий раз, когда я направляюсь к другому компоненту. Я хочу достичь этого, чтобы переменная localStorage сохраняла предыдущие значения, даже если новые значения вступают. Am я на правильном пути?

Игровой компонент

export class Game implements OnDestroy{

 constructor(){

 this.currentGame = JSON.parse(localStorage.getItem('currentGame'));

}

ngOnDestroy(){

  this.currentGame = null;

}


}

Ответ 1

вы можете использовать

localStorage.removeItem('currentGame');

В качестве альтернативы вы также можете очистить весь локальный хранилище с помощью

localStorage.clear();

Ответ 2

У меня есть две страницы: 1. Страница x-dashboard 2. Страница y-dashboard. У x-dashboard есть компонент таблицы. У y-dashoard также есть компонент таблицы с другими данными.

Теперь, я создал общий компонент фильтра, когда пользователь нажимает на значок фильтра на странице x или y, тогда я показываю параметры фильтра во всплывающем окне, динамически основанном на столбцах таблицы.

После того, как пользователь введет некоторые фильтры и нажмет на кнопку "Применить", я сохраню это значение фильтра в локальном хранилище и получу доступ к этому значению на соответствующей странице (страница x или y) в зависимости от подписчика.

когда вы переходите с xpage на ypage по ссылкам, я очищаю ключ локального хранилища на ngdestroy. Чтобы следующая страница не получала те же параметры фильтра из локального хранилища.

Но когда я набрал url (навигация по маршрутизации), то ngdestroy не вызывается, и настройка localalstorage (отфильтрованные параметры) на странице x отображается на странице y.

Если я уберу загрузку страницы, то при обновлении пользователя он потеряет отфильтрованные параметры. Как решить эту проблему?