我是 Angular 新手,当用户通过单击链接导航到详细信息页面时,我需要维护搜索结果页面的状态(即保留搜索结果网格的排序和过滤值)在搜索结果网格中并再次导航回搜索页面。我尝试使用 CustomReuseStartegy 但遇到两个问题:
- 当用户在详细信息页面中进行某些更改时,需要更新搜索结果。
- 页面分离后。它不再附着。 (当用户导航到其他页面(不同页面而不是详细信息页面)并返回搜索页面时,该页面不会重新加载。
如果有人能够深入了解如何以及何时使用路由重用策略或不同的解决方案来重新附加组件来满足我的要求,那就太好了。
最佳答案
如果您需要维护组件(页面)之间的状态,您应该使用服务。
将数据存储在“搜索”页面上的服务中,然后离开该页面。当您返回到“搜索”页面时,从服务中检索数据。
此外,如果符合您的要求,您可以将数据存储在 localStorage 或 sessionStorage 中。
如果您使用的是 Angular 1.x click here 。
对于 Angular 2+ click here .
关于angular - 从 Angular 的详细信息页面导航回来后保持搜索页面的状态,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/47935357/