将 url 留在 Angular 中时从本地存储中删除值

Posted 2023-03-05

【中文标题】将 url 留在 Angular 中时从本地存储中删除值

【英文标题】：Remove value from localstorage when leaving url in Angular

【发布时间】：2021-11-06 07:25:07

【问题描述】：

目前，每当我加载到页面“x”时，我都会在本地存储中创建一个实例： 这仅在我加载页面时发生，但每当我离开此页面转到网站中的不同页面时，我都想销毁该键的确切实例。

第 X 页：

服务：

目标：每当我离开此页面时，从本地存储中销毁“1, 27”的实例。我尝试在 NgOnDestroy 上执行此操作，但没有按预期工作。

【问题讨论】：

也许使用route guard

【参考方案1】：

你可能想看看一些普通的旧 JS 窗口事件，我成功使用的一个是“beforeunload”

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

window.addEventListener('beforeunload', () => doTheThing());