Angular在导航到使用相同组件的另一个路径时检索组件的状态

时间:2017-05-18 10:16:45

标签: javascript angular typescript

我有两个不同的路由/a/b使用相同的组件。从/a导航到/b时,我希望能够检索/a中使用的组件实例的状态,以便在/b中重复使用它。

我在这里阅读https://github.com/angular/angular/issues/12446使用Angular“自定义路由重用策略”是或将来可能的。我想知道是否有可能使用当前RouteReuseStrategy? 因为在返回相同的URL时似乎很容易重用组件,但在使用相同的组件转到不同的URL时则不然。

1 个答案:

答案 0 :(得分:0)

我不确定您的实时用例,但您可以使用RouteReuseStrategy重用UI或Component状态。当您离开路线时,您必须为路线和商店生成一个共同的唯一键。当使用具有相同密钥的路由返回路由时,可以重新使用存储状态。

  

在此https://plnkr.co/edit/wFPn16?p=preview

 Visited component state reused when you visit to different route.   For example view and edit item with id 12345. then check the view and> edit details for  id 12346.  View and edit component show the details related 12345.

HTH