Angular2路由-路由更改时保持组件状态[重复]

Question

我有一个应用程序，在路由后面有视图，我需要能够从路由更改的点继续，但是返回后，组件处于其初始状态。

有什么方法可以保持组件的状态吗？

Answer 1

更新 2

现在https://github.com/angular/angular/pull/13124 为新路由器修复了这个问题（Angular 2.3），它允许提供自定义重用策略。

示例参见https://www.softwarearchitekt.at/post/2016/12/02/sticky-routes-in-angular-2-3-with-routereusestrategy.aspx

Angular 文档https://angular.io/api/router/RouteReuseStrategy

更新 2 此答案仅适用于很久以前停产的路由器版本。

请参阅https://angular.io/docs/ts/latest/guide/router.html#!#guards，了解如何在当前路由器中执行此操作。

原创

如果你的组件实现CanReuse 并从

返回true

routerCanReuse(next: ComponentInstruction, prev: ComponentInstruction) {
  return true;
}

然后组件被保留和重复使用，而不是被销毁和重新创建。

另一种方法是将数据保存在共享服务中，并在重新创建组件时从那里获取它们。

Answer 2

在这个确切的场景中存在一个未解决的问题 https://github.com/angular/angular/issues/5275

只有当新组件和旧组件（当您点击“返回”按钮时）是相同的组件类型时，您才能使用routerCanReuse。

正如 Günter 建议的那样，如果组件类型不同，您现在唯一的选择是将状态保持在共享服务中。