如何在Angular 2中保持页面刷新导航中的视图特定标题

Question

我是Angular 2的新手。我有一个导航服务，可以很好地确定我的应用程序的标题，但只有当应用程序没有在Angular 2应用程序中刷新时。

1.如何在页面刷新时在我的应用程序中保留不同视图的标题？我试图用本地存储来做到这一点。我能够设置本地存储变量的值。我想只在页面刷新和使用前进或后退按钮从本地存储中获取值。否则我希望清除本地存储。 2.在达到所需功能后，如何清除本地存储。

主要组件内部

ngOnInit() {
localStorage.setItem('defaultNavHeading', this.defaultNavHeading);
localStorage.setItem('processDetailsHeading', this.processDetailsHeading);
}

Answer 1

您可以通过以下任何代码

清除本地存储空间

localStorage.clear（）;  要么 localStorage.removeItem（＆＃34; localStorage＆＃34;）;  要么 window.localStorage.clear（）;