Angular 2 - 在路由之间传递数据

Question

我的应用程序中有 2 条路线 -/search/criteria 和/search/results。

在搜索条件组件中，用户填写搜索条件并单击搜索按钮。此按钮调用一个函数 (onSearch)，并将表单值作为输入传递。然后它将用户路由到搜索结果组件。

onSearch(formValues) {
 console.log(formValues);
 this.router.navigate(['/search/results']);
}

如何将 formValues(包含用户输入的搜索条件的 Javascript 对象)传递给搜索结果组件？在搜索结果组件中，我将执行搜索(使用服务)并在网格中向用户显示结果。

由于搜索执行是在一个服务中完成的，我也可以从 onSearch 方法调用这个服务。但接下来的问题是如何将结果传递给搜索结果组件(以便它可以在网格中呈现它们)。

什么是更好的方法？

Answer 1

由于您的数据是一个对象，您可以使用本地存储或共享服务来传输它。

您可以从这里了解如何使用共享服务:https://stackoverflow.com/a/35479148/6835976