如何在router.navigateByUrl之后保留组件状态以使后退按钮工作

时间:2018-02-01 15:55:08

标签: angular

当我加载了动态内容的组件时,如何使浏览器后退按钮正常工作,然后我使用this.router.navigateByUrl导航他。

问题是组件A是搜索条件表单和结果列表,现在如果我的结果是动态填充的,我单击结果详细信息(组件B)如果单击后退按钮我丢失了搜索结果列表。

我需要粘性组件状态,防止破坏组件dom,是否可以在angular2?

1 个答案:

答案 0 :(得分:1)

因此,如果我的问题是正确的,那么您的问题就是您有一个列表,单击该列表中的某个项目以进入详细视图(这是一个自己的组件),如果您已经丢失了这些项目的信息导航回列表。

  

组件不应直接获取或保存数据,并且它们当然不应故意提供虚假数据。他们应该专注于呈现数据并委托对服务的数据访问。

您需要一个包含列表项目的服务。查看官方文档,在那里很好地解释了。 https://angular.io/tutorial/toh-pt4#why-services