окно: перед загрузкой выполняется при обновлении страницы в Angular 5

Question

Я хочу очистить некоторые переменные localStorage при закрытии браузера или закрытии вкладки браузера. Он работает совершенно нормально, но когда я обновляю страницу, он также очищает переменные localalstorage.

Итак, Как мы можем дифференцировать обновление страницы и событие закрытия браузера в Angular-5? .

Мой .ts код файла,

import { Renderer, OnInit, AfterViewInit,ElementRef,HostListener} from '@angular/core';

  @HostListener('window:beforeunload', ['$event'])
  beforeunloadHandler(event) {
    localStorage.removeItem('rememberMe');
  }

Answer 1

Это похоже на подходящий вариант использования для sessionStorage.

https://developer.mozilla.org/en-US/docs/Web/API/Window/sessionStorage

Свойство sessionStorage позволяет получить доступ к объекту хранения сеанса для текущего источника. sessionStorage похож на Window.localStorage; единственное отличие заключается в том, что данные, хранящиеся в localStorage, не имеют установленного срока действия, а данные, хранящиеся в sessionStorage, очищаются по окончании сеанса страницы. Сеанс страницы длится до тех пор, пока браузер открыт и сохраняется после перезагрузки и восстановления страницы. Открытие страницы в новой вкладке или окне приведет к началу нового сеанса, который отличается от того, как работают сеансовые куки.