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

标签 angular angular-ui-router angular-ui-router-extras

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

  1. 当用户在详细信息页面中进行某些更改时,需要更新搜索结果。
  2. 页面分离后。它不再附着。 (当用户导航到其他页面(不同页面而不是详细信息页面)并返回搜索页面时,该页面不会重新加载。

如果有人能够深入了解如何以及何时使用路由重用策略或不同的解决方案来重新附加组件来满足我的要求,那就太好了。

最佳答案

如果您需要维护组件(页面)之间的状态,您应该使用服务。

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

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

如果您使用的是 Angular 1.x click here

对于 Angular 2+ click here .

关于angular - 从 Angular 的详细信息页面导航回来后保持搜索页面的状态,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/47935357/

相关文章:

Angular 2 惊人的动画

angular - DevExtreme Angular2 Form 的自定义标签

javascript - Angular UI-Router 适用于模板,但不适用于组件

angularjs - 查询参数不适用于 ui-router

javascript - AngularJS 为同一个 URL 路由多个 ui View ?

javascript - 更改状态时保留同级 ui-views - ui-router

angular - Ionic3 ion-img 不显示带有 ng-for 的图像

angular - 错误 : Cannot find module 'app/MyComponent/MyComponent.module' Error: Cannot find module

angularjs - 带有 ng-show 和粘性状态的 ng-infinite-scroll

angular-ui-router - Angular UI Router state.go参数在stateChangeStart中不可用