从 Angular 的详细信息页面导航回来后保持搜索页面的状态

Question

我是 angular 的新手，当用户通过单击搜索结果中的链接导航到详细信息页面时，我需要维护搜索结果页面的状态（即保留搜索结果网格的排序和过滤值） grid 并再次导航回搜索页面。我尝试使用 CustomReuseStartegy，但我面临两个问题：

1. 当用户在详细信息页面进行一些更改时需要更新搜索结果。
2. 一旦页面被分离。它不会再次连接。（当用户导航到其他页面（不同页面而不是详细信息页面）并返回搜索页面时，该页面不会重新加载。

如果有人可以提供有关如何以及何时使用路由重用策略或不同的解决方案来重新附加组件来处理我的要求的见解，那将会很棒。

Answer 1

如果需要维护组件（页面）之间的状态，则应该使用服务。

将数据存储在“搜索”页面上的服务中，然后离开该页面。当您返回到“搜索”页面时，从服务中检索数据。

此外，如果符合您的要求，您可以将数据存储在 localStorage 或 sessionStorage 中。

如果您使用的是 Angular 1.x，请单击此处。

对于 Angular 2+，请点击此处。