如何销毁本地存储项-Angular

如何销毁本地存储项-Angular,angular,local-storage,Angular,Local Storage,这就是我目前希望在组件中执行的操作。每当我路由到其他组件时,我想删除或销毁本地存储内容。我希望实现这一点,以避免localStorage变量存储以前的值,即使有新值出现。我走对了吗 游戏组件 export class Game implements OnDestroy{ constructor(){ this.currentGame = JSON.parse(localStorage.getItem('currentGame')); } ngOnDestroy(){ this.

这就是我目前希望在组件中执行的操作。每当我路由到其他组件时,我想删除或销毁本地存储内容。我希望实现这一点,以避免localStorage变量存储以前的值,即使有新值出现。我走对了吗

游戏组件

export class Game implements OnDestroy{

 constructor(){

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

}

ngOnDestroy(){

  this.currentGame = null;

}


}
你可以用

localStorage.removeItem('currentGame');
或者,也可以使用清除整个本地存储

localStorage.clear();

可能重复@sam的可能重复,但当我在浏览器中键入另一个路由url时,当前组件的Ngondestory未执行。这将导致另一个组件也会有相同的数据。这是不相关的数据。@Abhi为什么不清除
localStorage
,然后路由到另一个url?使工作更容易@山姆:怎么做?你能看看我下面的回复吗。谢谢。你可以在路由之前清除本地存储,何必麻烦onDestroy呢@sam应用过滤器后,如果用户刷新页面,过滤器参数仍应保持不变并应应用。但是,在你的情况下,这些将被删除?如何实现这一点。