【问题标题】:How to destroy localStorage item- Angular如何销毁 localStorage 项目 - Angular
【发布时间】:2017-09-24 00:57:18
【问题描述】:

这是我目前想要在我的组件中做的事情。每当我路由到不同的组件时,我都想删除或销毁我的 localStorage 内容。我想实现这一点,以避免 localStorage 变量存储以前的值,即使有新值进来。我在正确的道路上吗?

游戏组件

export class Game implements OnDestroy{

 constructor(){

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

}

ngOnDestroy(){

  this.currentGame = null;

}


}

【问题讨论】:

标签: angular local-storage


【解决方案1】:

你可以使用

localStorage.removeItem('currentGame');

或者,您也可以清除整个 localStorage

localStorage.clear();

【讨论】:

  • @sam 但是当我在浏览器中输入另一个路由 url 时,当前组件的 ngOnDestroy 没有执行。这导致相同的数据也将用于另一个组件。哪些是不相关的数据。
  • @Abhi 为什么不清除localStorage 然后路由到另一个网址?让工作更轻松!
  • @sam 怎么做?你能不能也看看我下面的回复。谢谢..
  • 你可以在路由本身之前清除localStorage,为什么还要麻烦onDestroy!
  • @sam 应用过滤器后,如果用户刷新页面,过滤器参数仍应保持并应用。但是,在您的情况下,那些将被删除?如何实现。
猜你喜欢
  • 2015-03-03
  • 2019-07-28
  • 1970-01-01
  • 1970-01-01
  • 2021-04-26
  • 1970-01-01
  • 1970-01-01
  • 2017-05-20
  • 2017-08-26
相关资源
最近更新 更多