如何在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("localStorage"); 要么 window.localStorage.clear();